Khoảng đệm và khoảng cách bảng HTML
Các bảng HTML có thể điều chỉnh phần đệm bên trong các ô cũng như khoảng cách giữa các ô.
Xin chào | Xin chào | Xin chào |
Xin chào | Xin chào | Xin chào |
Xin chào | Xin chào | Xin chào |
Xin chào | Xin chào | Xin chào |
Xin chào | Xin chào | Xin chào |
Xin chào | Xin chào | Xin chào |
Bảng HTML - Đệm ô
Đệm ô là khoảng cách giữa các cạnh ô và nội dung ô.
Theo mặc định, phần đệm được đặt thành 0.
Để thêm phần đệm vào các ô của bảng, hãy sử dụng thuộc tính padding
CSS:
Để chỉ thêm phần đệm phía trên nội dung, hãy sử dụng thuộc tính padding-top
.
Và các mặt còn lại có các thuộc tính padding-bottom
, padding-left
và padding-right
:
Ví dụ
th, td
{
padding-top: 10px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 40px;
}
Hãy tự mình thử »Bảng HTML - Khoảng cách ô
Khoảng cách ô là khoảng cách giữa mỗi ô.
Theo mặc định, không gian được đặt thành 2 pixel.
Để thay đổi khoảng cách giữa các ô trong bảng, hãy sử dụng thuộc tính CSS border-spacing
trên thành phần table
: