واجه كل مطور ويب موقفا يحتوي فيه النص الموجود على الصفحة على تسطير ملون. في بعض الأحيان ، قد يؤدي ذلك إلى إتلاف المظهر العام للصفحة ، خاصة إذا تم استخدام خط أنيق أو نص ملون بشكل خاص. لكن لا تيأس! هناك عدة طرق بسيطة للمساعدة في إزالة هذا التسطير غير المرغوب فيه وجعل النص الخاص بك مثاليا!
1. باستخدام تصميم العلامة
تتمثل إحدى أسهل الطرق لإزالة الشرطات السفلية الملونة في تطبيق الأنماط على علامة تستخدم لإنشاء روابط على صفحات الويب. للقيام بذلك ، إضافة التعليمات البرمجية كس التالية:
أ {زخرفة النص: لا شيء؛}
يزيل هذا الرمز الشرطة السفلية الموجودة افتراضيا في المتصفحات للروابط.
2. باستخدام خاصية زخرفة النص
إذا كنت تريد إزالة التسطير من جزء فقط من النص على الصفحة ، فيمكنك استخدام خاصية زخرفة النص وتعيينها على لا شيء. مثال الاستخدام:
لن يتم تسطير هذا النص
- كيفية التخلص من اللون تحت الخط: 5 طرق سهلة
- تغيير لون الخلفية
- تغيير لون النص
- استخدم خاصية كس "نص الظل"
- استخدام الخاصية كس "الخلفية كليب"
- استخدام الخاصية كس "مزيج مزيج الوضع"
- لتغيير نوع الخط
كيفية التخلص من اللون تحت الخط: 5 طرق سهلة
يمكن أن يتداخل اللون الموجود أسفل الخط أحيانا مع إمكانية قراءة النص أو يفسد بصريا تصميم الصفحة. في هذه المقالة ، سنلقي نظرة على خمس طرق بسيطة للتخلص من اللون الموجود أسفل الخط وجعل النص أكثر قابلية للقراءة وجاذبية للمستخدمين.
- تغيير لون الخلفية: واحدة من أسهل الطرق هي تغيير لون الخلفية تحت النص. للقيام بذلك ، يمكنك استخدام خاصية لون الخلفية كس وتعيين لون الخلفية المطلوب ، والتي سوف تختلف عن لون الخط.
- باستخدام خلفية شفافة: إذا كنت ترغب في الحفاظ على خلفية الصفحة ، ولكن في نفس الوقت التخلص من اللون تحت الخط ، يمكنك استخدام خاصية كس خلفية اللون مع قيمة رغبا(0, 0, 0, 0), والتي سوف تحدد خلفية شفافة تحت النص.
- استخدام خاصية ظل النص: تتيح لك هذه الخاصية تعيين ظل خلف النص ، والذي سيتداخل مع اللون أسفل الخط. يمكنك استخدام قيمة بلا لخاصية ظل النص لإزالة الظل تماما.
- تغيير لون التسطير: إذا كنت تريد التخلص من اللون الموجود أسفل الخط فقط ، ولكن اتركه تحته خط ، فيمكنك استخدام خاصية كس نص-زخرفة-لون لتعيين لون تسطير مختلف عن لون النص.
- تغيير نمط الخط: في بعض الأحيان يمكن إزالة اللون الموجود أسفل الخط ببساطة عن طريق تغيير نمط الخط. لا تحتوي بعض الخطوط على هذه المشكلة ، لذا يمكنك محاولة تغيير الخط إلى خط لا يسبب هذه المشكلات.
باستخدام هذه الطرق البسيطة ، يمكنك التخلص بسرعة وسهولة من اللون الموجود أسفل الخط على موقع الويب الخاص بك أو مدونتك ، وبالتالي تحسين إمكانية قراءة النص والانطباع المرئي للصفحة.
تغيير لون الخلفية
1. خاصية لون الخلفية في كس
لتغيير لون الخلفية على صفحة ويب ، يمكنك استخدام خاصية لون الخلفية في كس. على سبيل المثال ، يتم استخدام التعليمات البرمجية التالية لتعيين خلفية بيضاء:
الجسم {
الخلفية اللون: # ففف;
}
2. استخدام صورة كخلفية
يمكنك استخدام صورة بدلا من لون الخلفية المعتاد. للقيام بذلك ، استخدم خاصية صورة الخلفية في كس. على سبيل المثال ، لتعيين صورة "الخلفية.جبغ " كخلفية:
الجسم {
صورة الخلفية: رابط ("الخلفية.جبغ ");
}
3. إضافة نسيج إلى الخلفية
لإضافة نسيج إلى الخلفية ، يمكنك استخدام خاصية صورة الخلفية وتكرار الخلفية باستخدام خاصية تكرار الخلفية. على سبيل المثال ، لتعيين تكرار الصورة "الملمس.جبغ " عموديا:
الجسم {
الخلفية-صورة: رابط ("الملمس.جبغ");
الخلفية-كرر: كرر ذ;
}
4. خلفية متدرجة
هناك طريقة أخرى لتغيير لون الخلفية وهي استخدام خلفية متدرجة. يمكن القيام بذلك باستخدام خاصية صورة الخلفية وقيمة التدرج في كس. على سبيل المثال ، لتعيين خلفية متدرجة من الأزرق إلى الأحمر:
الجسم {
صورة الخلفية: التدرج الخطي (إلى اليمين ، الأزرق ، الأحمر);
}
5. باستخدام عنصر زائف:: قبل
هناك طريقة أخرى لتغيير لون الخلفية وهي إضافته باستخدام عنصر زائف ::من قبل. على سبيل المثال ، لتعيين لون الخلفية إلى اللون الأحمر:
الجسم:: قبل {
المحتوى: "";
موقف: ثابت;
أعلى: 0;
اليسار: 0;
العرض: 100%;
الارتفاع: 100%;
لون الخلفية: أحمر;
ض-الفهرس: -1;
}
هذه ليست سوى بعض الطرق التي يمكنك من خلالها تغيير لون الخلفية على صفحة الويب. عند اختيار لون الخلفية ، من الضروري مراعاة توافقه مع العناصر الأخرى والتصميم العام للموقع.
تغيير لون النص
هناك عدة طرق لتغيير لون النص على صفحة الويب:
1. باستخدام العلامة: يمكنك تعيين لون النص باستخدام سمة النمط التي تحدد خاصية اللون.
2. استخدام الأنماط الخارجية: يمكنك إنشاء نمط باستخدام محدد للعنصر المطلوب وخاصية اللون.
3. تطبيق الفئات: يمكنك إنشاء فئات من شأنها تعيين لون النص وتطبيقها على العناصر المطلوبة.
4. متغيرات كس: يمكنك تحديد المتغيرات مع قيم اللون المطلوب واستخدامها في الأنماط.
5. استخدام الأنماط المضمنة: يمكنك تعيين لون النص مباشرة في سمة نمط العنصر.
استخدم خاصية كس "نص الظل"
لاستخدام هذه الخاصية ، يجب تعيين قيم للإزاحة الأفقية والإزاحة الرأسية والتمويه ولون الظل:
نص الظل: التشريد الأفقي التشريد الرأسي عدم وضوح لون الظل;
على سبيل المثال ، لإزالة اللون تحت الخط وإضافة ظل لون الخلفية ، يمكنك استخدام التعليمات البرمجية التالية:
نص الظل: 0 0 0 ظل_اللون;
وبالتالي ، تتيح لك خاصية" ظل النص " إنشاء تأثير وإزالة اللون الموجود أسفل الخط عن طريق إضافة ظل. ومع ذلك ، يجب أن تكون حذرا عند استخدام هذه الخاصية ، لأن الظل شديد السطوع قد يجعل من الصعب قراءة النص.
استخدم خاصية كس" الخلفية كليب"
تتيح لك خاصية كس "الخلفية-كليب" التحكم في المنطقة التي سيتم فيها تطبيق صورة الخلفية أو لون العنصر. عند استخدام قيمة" النص " لهذه الخاصية ، سيتم تطبيق صورة الخلفية أو اللون فقط على المنطقة التي يشغلها النص.
من أجل استخدام الخاصية "الخلفية كليب" وإزالة اللون تحت الخط ، وهو ما يكفي لإضافة التعليمات البرمجية التالية إلى كتلة كس المقابلة:
| الممتلكات | المعنى | الوصف |
| خلفية كليب | النص | يحدد المنطقة التي سيتم فيها تطبيق لون الخلفية أو صورة العنصر |
مثال الاستخدام:
. عنصري {
لون الخلفية: أبيض;
صورة الخلفية: عنوان ورل(اسم الملف.جي بي جي);
الخلفية-كرر: لا-كرر;
اللون: شفاف;
}
نص بخلفية شفافة
في هذا المثال ، سيكون للنص الموجود داخل العنصر الذي يحتوي على فئة "عنصري "خلفية شفافة بسبب خاصية" اللون: شفاف " ، وستكون صورة الخلفية أو اللون مرئيا فقط داخل المنطقة التي يشغلها النص.
- مثال الاستخدام:
- نص بدون لون تحت الخط
- نتيجة لتطبيق خاصية "وضع المزيج " مع القيمة" حرق اللون " ، ستتم إزالة اللون الموجود أسفل النص ، وسيصبح النص نفسه أكثر تعبيرا.
تغيير نوع الخط