كيفية التحكم في مظهر التسطير

يمكن تصميم التسطير لتعزيز الجاذبية البصرية وسهولة القراءة. للتحكم في طول وموضع زخرفة النص: ضع خطًا تحته، هناك تقنية بسيطة ولكنها فعالة تتضمن استخدام التدرجات اللونية:

.underline {
  background-image: linear-gradient(#5fca66 0 0);
  background-position: bottom center;
  background-size: 80% 2px;
  background-repeat: no-repeat;
  padding-bottom: 4px;
}

ضبط الموضع:

• لتحريك الخط، اضبط خاصية موضع الخلفية.
• على سبيل المثال، موضع الخلفية: أسفل اليسار؛ لمحاذاة السطر على يسار النص.

ضبط الطول:

• للتحكم في الطول، اضبط خاصية حجم الخلفية.
• على سبيل المثال، حجم الخلفية: 50% 1 بكسل؛ ينشئ خطًا أقصر.

تخصيص إضافي:

• قريب من النص: الحشو أسفل: 0؛ يجعل الخط أقرب إلى النص.
• بعيدًا عن النص: الحشو أسفل: 10 بكسل؛ يزيد المسافة بين السطر والنص.
• ألوان مختلفة: قم بتخصيص لون الخط عن طريق تعديل خاصية صورة الخلفية، على سبيل المثال، صورة الخلفية: تدرج خطي (أحمر 0 0) );.