Code Thuộc tính border-collapse trong CSS

Code Thuộc tính border-collapse trong CSS

Code Thuộc tính border-collapse trong CSS

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính border-collapse trong CSS</title>
<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
table, td, th {
  border: 1px solid black;
}
table {margin-bottom:30px;width:100%}
caption {font-size:px}
</style>
</head>
<body>

<h1>Code Thuộc tính border-collapse trong CSS</h1>

<p>border-collapse: separate; Các đường viền của các ô thẻ td tách biệt với đường viền của table và tách biệt với các ô td khác:</p>

<table style="border-collapse: separate;" >

  <tr>
    <th>Họ Tên</th>
    <th>Giới Tính</th>
  </tr>
  <tr>
    <td>Bùi Tấn Lực</td>
    <td>Nam</td>
  </tr>
  <tr>
    <td>Trần Thị Vân</td>
    <td>Nữ</td>
  </tr>
</table>

<p>border-collapse: collapse; Các đường viền của các ô thẻ td và đường viền của table nếu gần nhau sẽ nối lại thành 1 đường viền duy nhất:</p>

<table style="border-collapse: collapse;" >
  <tr>
    <th>Họ Tên</th>
    <th>Giới Tính</th>
  </tr>
  <tr>
    <td>Bùi Tấn Lực</td>
    <td>Nam</td>
  </tr>
  <tr>
    <td>Trần Thị Vân</td>
    <td>Nữ</td>
  </tr>
</table>

</body>
</html>
Code Thuộc tính border-collapse trong CSS nằm trong bài viết Thuộc tính border-collapse trong CSS