Trang chủ
CSS
Bảng CSS
Kiểu bảng
Tryit: Bộ chia bảng có viề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 { đệm: 8px; căn chỉnh văn bản: trái; đường viền dưới cùng: 1px rắn #ddd; } </style> </head> <body> <h2>Bộ chia bảng có viền</h2> <p>Thêm thuộc tính border-bottom vào th và td cho bộ chia ngang:</p> <table> <tr> < th>Tên</th> <th>Họ</th> <th>Tiết kiệ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>