Giao diện của bảng HTML có thể được cải thiện đáng kể bằng CSS:

Company	Contact	Country
Alfreds Futterkiste	Maria Anders	Germany
Berglunds snabbköp	Christina Berglund	Sweden
Centro comercial Moctezuma	Francisco Chang	Mexico
Ernst Handel	Roland Mendel	Austria
Island Trading	Helen Bennett	UK
Königlich Essen	Philip Cramer	Germany
Laughing Bacchus Winecellars	Yoshi Tannamuri	Canada
Magazzini Alimentari Riuniti	Giovanni Rovelli	Italy

Table Borders

Để chỉ định đường viền bảng trong CSS, hãy sử dụng thuộc tính border.

Ví dụ bên dưới chỉ định đường viền liền nét cho các phần tử <table>, <th> và <td>

<table border="1">
  <tbody><tr>
  <th>Firstname</th>
  <th>Lastname</th>
  </tr>
  <tr>
  <td>Peter</td>
  <td>Griffin</td>
  </tr>
  <tr>
  <td>Lois</td>
  <td>Griffin</td>
  </tr>
</tbody></table>
<br>

table, th, td {
  border: 1px solid;
}

Full-Width Table

Bảng trên có vẻ nhỏ trong một số trường hợp. Nếu bạn cần một bảng trải dài toàn bộ màn hình (toàn chiều rộng), hãy thêm width: 100% vào phần tử <table>

<table style="width: 100%;" border="1">
  <tbody><tr>
    <th>Firstname</th>
    <th>Lastname</th>
  </tr>
  <tr>
    <td>Peter</td>
    <td>Griffin</td>
  </tr>
  <tr>
    <td>Lois</td>
    <td>Griffin</td>
  </tr>
</tbody></table>
<br>

table {
  width: 100%;
}