كيف - طاولة زيبرا مخططة
تعرف على كيفية إنشاء جدول مخطط بشكل حمار وحشي باستخدام CSS.
حمار وحشي مخطط الجدول
الاسم الاول | اسم العائلة | نقاط |
---|---|---|
جيل | حداد | 50 |
حواء | جاكسون | 94 |
آدم | جونسون | 67 |
لإنشاء جدول مخطط على شكل حمار وحشي ، استخدم nth-child()
المحدد وأضف لون خلفية إلى جميع صفوف الجدول الزوجية (أو الفردية):
مثال
tr:nth-child(even) {
background-color: #f2f2f2;
}
انتقل إلى البرنامج التعليمي الخاص بجداول CSS لمعرفة المزيد حول كيفية تصميم الجداول.
انتقل إلى مرجع CSS Selector الخاص بنا لمعرفة المزيد حول محدد nth-child ().