يعد الخط الملون طريقة رائعة لإضافة الأصالة إلى النص الخاص بك وجذب انتباه القراء. في هذه المقالة ، ونحن سوف اقول لكم عن 7 طرق بسيطة من شأنها أن تسمح لك لخلق نصوص مشرقة وملونة.
الطريقة الأولى هي استخدام علامات هتمل القياسية. يمكنك أيضا استخدام العلامات لتمييز النص بالخط العريض والمائل ، على التوالي. بالإضافة إلى ذلك ، يمكنك استخدام العلامة
لتسليط الضوء على الاقتباسات وأجزاء النص المهمة.
الطريقة الثانية هي استخدام الأنماط المضمنة. يمكنك تطبيق سمات النمط على النص لمنحه ألوانا مختلفة. على سبيل المثال ، يمكنك استخدام النمط="اللون: أحمر ؛" السمة لإنشاء نص أحمر. يمكنك أيضا تغيير لون الخلفية واستخدام التدرجات والمزيد.
الطريقة الثالثة هي استخدام أنماط كس. إذا كنت معتادا على أوراق الأنماط المتتالية (كس) ، ثم يمكنك إنشاء فئات لأنماط النص المختلفة. على سبيل المثال ، يمكنك إنشاء فئة "خضراء" مع سمة اللون:الأخضر لجعل النص أخضر. ثم قم ببساطة بتطبيق هذه الفئة على النص المطلوب عن طريق لفها في علامة.
الطريقة الرابعة هي استخدام المكتبات والأطر الخاصة. هناك العديد من المكتبات على الإنترنت التي توفر حلولا جاهزة لإنشاء نص ملون. على سبيل المثال ، يمكنك استخدام مكتبة كولورفولتكست.شبيبة أو المغلق هو إطار التمهيد لخلق سريعة ومريحة من خط اللون.
الطريقة الخامسة هي استخدام الصور والرموز. يمكنك إدراج الصور والرموز في النص لجعله أكثر تعبيرا وجاذبية. على سبيل المثال ، يمكنك استخدام الأحرف الخاصة والرموز من فونتاوسوم أو المواد الرموز مجموعات لإنشاء تصميم نص فريد من نوعه.
الطريقة السادسة هي استخدام المؤثرات الخاصة والرسوم المتحركة. يمكنك إضافة تأثيرات مختلفة إلى النص ، مثل التدرجات والظلال والرسوم المتحركة والمزيد. على سبيل المثال ، يمكنك استخدام سمات النمط والفئة لإضافة مجموعة متنوعة من التأثيرات إلى النص.
الطريقة السابعة هي استخدام التطبيقات والأدوات الخاصة. هناك العديد من التطبيقات والأدوات عبر الإنترنت على الإنترنت والتي تتيح لك إنشاء أنماط نصية فريدة وإنشاء رمز هتمل المناسب. على سبيل المثال ، يمكنك استخدام أدوات مثل ملعب هتمل-كس-جس أو TextFX.co .
في الختام ، هناك العديد من الطرق لجعل خط اللون في النص — من استخدام علامات هتمل القياسية والأساليب المضمنة ، لإنشاء فئات باستخدام أنماط كس واستخدام المكتبات الخاصة والآثار والأدوات. اختيار الطريقة التي تناسبك أكثر وخلق نصوص فريدة وحية!
- استخدام علامة لخط اللون
- تغيير لون النص باستخدام سمة " النمط
- استخدام خصائص كس لتغيير لون الخط
- استخدام سمة" اللون " لخط ملون
- تغيير لون الروابط في النص
استخدام علامة لخط اللون
تسمح لك علامة هتمل بتعيين لون نص صفحة الويب. للقيام بذلك ، استخدم سمة اللون ، التي تحدد لون الخط.
مثال على استخدام علامة لتعيين خط لون:
| اللون | رمز اللون | مثال الاستخدام |
|---|---|---|
| أحمر | # 0000 | النص |
| الأزرق | #0000 وما يليها | النص |
| أخضر | #0000 | النص |
النتيجة:
النص هو اللون الأحمر للخط.
النص هو اللون الأزرق للخط.
النص هو لون الخط الأخضر.
وبالتالي ، فإن العلامة تجعل من السهل تعيين لون الخط على صفحة ويب وإنشاء تأثيرات مثيرة للاهتمام.
تغيير لون النص باستخدام سمة " النمط
- أولا ، تحتاج إلى فتح العلامة التي ستحتوي على النص وإضافة سمة" النمط " بقيمتها. على سبيل المثال ، إذا كنت تريد تغيير لون النص إلى اللون الأحمر ، فيمكنك استخدام الكود التالي:
النص
- ، وهي فقرة.
- يمكنك أيضا استخدام قيم أخرى لنمط" اللون " لتغيير اللون إلى لون مختلف. على سبيل المثال ، بدلا من "الأحمر" ، يمكنك استخدام "الأزرق" (الأزرق) أو "الأخضر" (الأخضر).
- وبالإضافة إلى ذلك ، يمكنك أيضا استخدام قيم اللون السداسي العشري باستخدام تنسيق #رغب ، حيث ر ، غ و بب تمثل قيم الأحمر (الأحمر) والأخضر (الأخضر) والأزرق (الأزرق) على التوالي.
- على سبيل المثال ، لتعيين لون النص على أنه # ف 0000 (أحمر) ، يمكنك استخدام الكود التالي:
النص
يعد استخدام سمة" النمط " طريقة سهلة لتغيير لون النص في هتمل. ومع ذلك ، إذا كنت بحاجة إلى تطبيق أنماط على عدد كبير من العناصر أو إنشاء تأثيرات أكثر تعقيدا ، فمن المستحسن استخدام كس.
استخدام خصائص كس لتغيير لون الخط
تغيير لون الخط في صفحة ويب يمكن القيام به بسهولة باستخدام خصائص كس. هناك عدة طرق لتعيين الألوان في كس:
1. باستخدام اسم اللون:
يمكنك تحديد اسم اللون مباشرة في كس ، على سبيل المثال:
اللون: أحمر;
اللون: أزرق;
اللون: أخضر;
2. باستخدام رمز سداسي عشري:
يمكنك أيضا استخدام رمز لون سداسي عشري ، والذي يتكون من أحرف من 0 إلى 9 ومن أ إلى و. على سبيل المثال:
اللون: # فف0000 ؛ / * الأحمر */
اللون: #0000 ؛ / * أخضر */
اللون:#0000 وما يليها ؛ / * أزرق */
3. باستخدام رمز رغب:
رمز رغب هو مزيج من الألوان الأحمر والأخضر والأزرق في شكل أرقام من 0 إلى 255. على سبيل المثال:
اللون: رغب(255, 0, 0); /* أحمر */
اللون: رغب(0, 255, 0); /* الأخضر */
اللون: رغب(0, 0, 255); /* الأزرق */
4. باستخدام رمز رغبا:
رمز رغبا هو امتداد لرمز رغب ويسمح لك لتعيين لون مع الشفافية. يتم تحديد الشفافية من 0 (شفافة تماما) إلى 1 (مبهمة تماما). على سبيل المثال:
اللون: رغبا(255, 0, 0, 0.5); /* أحمر مع شفافية */
اللون: رغبا (0 ، 255 ، 0 ، 0.5); / * أخضر مع شفافية */
اللون: رغبا(0, 0, 255, 0.5); /* الأزرق مع الشفافية */
5. باستخدام الكلمة الرئيسية"شفاف":
لجعل النص شفافا تماما ، يمكنك استخدام الكلمة الأساسية "شفاف". على سبيل المثال:
اللون: شفاف;
6. باستخدام الكلمة الرئيسية "كيرنتكولور":
لاستخدام لون خاصية" اللون "للعنصر الأصل ، يمكنك استخدام الكلمة الرئيسية"كيرنتكولور". على سبيل المثال:
اللون: الحالياللون;
7. وراثة اللون:
إذا لم تحدد لون النص بشكل صريح ، فقد يتم توريثه من العنصر الأصلي لصفحة الويب. على سبيل المثال ، إذا كان لديك الهيكل التالي:
سيكون هذا النص أسود
سيكون هذا النص أحمر