• 0

كيف أضيف إطار إلى list-style ؟

أتوفر على لائحة List وأستعمل list-style: decimal لكن أودّ إضافة إطار للعنصر li فقط،  فكيف ذلك؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

يمكن إضافة تأثير الإطار عن طريق إضافة خاصية border  إلى عناصر li وبالتحديد border-bottom، بالشكل التالي:

ul {
  list-style: decimal;
  display: inline-block;
}
li {
  background: red;
  list-style-position: inside;
  border-bottom: 1px solid #ccc;
}

عناصر li داخل ul على html:

<ul>
  <li>الأكاديمية</li>
  <li>مستقل</li>
  <li>خمسات</li>
</ul>

 

تمّ تعديل بواسطة E.Nourddine

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن