كيفية إنشاء: جدول خطي

تعلم كيفية إنشاء جداول خطية باستخدام CSS.

جدول خطي

اسم الأول اسم العائلة نقاط
Jill Smith 50
Eve Jackson 94
Adam Johnson 67

لإنشاء جدول خطي، استخدم :nth-child() اختيار مبدأ التحديد، وأضف لون الخلفية لكل صف زوجي (أو فردي):

مثال

tr:nth-child(even) {
  background-color: #f2f2f2;
}

تجربة بنفسك

الصفحات ذات الصلة

دليل:جداول CSS

مرجع:مزود CSS nth-child()