PhineX Lab | الخطوة 3

PhineX / التنسيق الاحترافي

3/8

الخطوة ٣

التنسيق الاحترافي

الجدول الآن يحتاج إلى "لمسة جمالية" ليكون مريحاً للعين. سنضيف تنسيقات CSS احترافية.

المهام

١

للجدول: أضف border-collapse: collapse;

٢

لـ th, td: أضف padding: 12px;

٣

للـ th: أضف background: #333; و color: white;

٤

للصفوف الزوجية: أضف tr:nth-child(even) { background: #f2f2f2; }

💡 Zebra Stripes: تقنية تلوين الصفوف المتناوبة تجعل الجدول أسهل في القراءة.

1

localhost / index.html

◀ السابق

التالي ▶