Trang chủ
CSS
Bảng CSS
Kiểu bảng
Dùng thử: Bảng có thể di chuột
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 { đệm: 8px; căn chỉnh văn bản: trái; đường viền dưới cùng: 1px rắn #ddd; } tr:hover {background-color: Coral;} </style> </head> <body> <h2>Bảng có thể di chuột</h2> <p>Di chuyển chuột qua các hàng của bảng để xem hiệu ứng.</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>Brown</td> < td>$250</td> </tr> </table> </body> </html>