Phần đệm & Khoảng cách trong Bảng HTML

Bảng HTML có thể điều chỉnh phần đệm bên trong ô và cả khoảng cách giữa các ô.

Bảng HTML - Ô đệm

Phần đệm ô là khoảng trống 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 trên các ô trong bảng, hãy sử dụng thuộc tính CSS padding:

th, td {
padding: 15px;
}

Để chỉ thêm phần đệm phía trên nội dung, hãy sử dụng thuộc padding-toptính.

Và những người khác đứng về phía padding-bottom, padding-leftvà padding-rightthuộc tính:

th, td {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 40px;
}

Khoảng cách giữa các ô 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-spacingtrên table phần tử:

table {
border-spacing: 30px;
}