วิธีการ - โต๊ะลายม้าลาย
เรียนรู้วิธีสร้างตารางลายทางม้าลายด้วย CSS
ม้าลายลายตาราง
ชื่อจริง | นามสกุล | คะแนน |
---|---|---|
Jill | สมิธ | 50 |
อีฟ | แจ็คสัน | 94 |
อดัม | จอห์นสัน | 67 |
ในการสร้างตารางลายทางม้าลาย ใช้nth-child()
ตัวเลือกและเพิ่มสีพื้นหลังให้กับแถวตารางคู่ (หรือคี่) ทั้งหมด:
ตัวอย่าง
tr:nth-child(even) {
background-color: #f2f2f2;
}
ไปที่ บทช่วย สอนตาราง CSSเพื่อเรียนรู้เพิ่มเติมเกี่ยวกับวิธีการจัดรูปแบบตาราง
ไปที่CSS Selector Referenceเพื่อเรียนรู้เพิ่มเติมเกี่ยวกับตัวเลือก nth-child()