Trang chủ
CSS
Bảng CSS
Kiểu bảng
Tryit: Bàn sọc ngựa vằn
Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
bảng <!DOCTYPE html> <html> <head> <style> { border-collapse: thu gọn; chiều rộng: 100%; } thứ, td { text-align: left; phần đệm: 8px; } tr:nth-child(even) {background-color: #f2f2f2;} </style> </head> <body> <h2>Bảng sọc</h2> <p>Đối với các bảng có sọc ngựa vằn, hãy sử dụng thứ n -child() và thêm màu nền cho tất cả các hàng trong bảng chẵn (hoặc lẻ):</p> <table> <tr> <th>Tên</th> <th>Họ</th> < th>Điểm</th> </tr> <tr> <td>Peter</td> <td>Griffin</td> <td>$100</td> </tr> <tr> <td>Lois< /td> <td>Griffin</td> <td>$150</td> </tr> <tr> <td>Joe</td> <td>Swanson</td> <td>$300</td> </tr> <tr> <td>Cleveland</td> <td>Nâu</td> <td>$250</td> </tr> </table> </body> </html>