Thẻ col nhóm cột trong HTML

Thẻ col nhóm cột trong HTML

Thẻ col nhóm cột trong HTML

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Thẻ col nhóm cột trong HTML</title>
<style>
table{width:100%;border-collapse: collapse; font-family: sans-serif; font-size: 15px; letter-spacing: 1px;}
table, th, td { border:1px solid black; }
td, th {text-align: left; padding: 8px; }
caption{padding: 8px;text-transform: uppercase;font-size:18px;font-weight:bold}
</style>
</head>
<body>
<h1>Thẻ col nhóm cột trong HTML</h1>
<p>Thẻ col trong HTML nằm trong colgroup của table dùng để canh chỉnh chiều rộng, chỉnh màu nền,... cho từng cột hoặc nhóm các cột:</p>

<table>
  <colgroup>
    <col style="background-color:red;width:50px">
    <col span="2" style="background-color:green;">
  </colgroup>	
  <thead>
    <tr>
      <th>STT</th>
      <th>Họ Tên</th>
      <th>Lương</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Bùi Tấn Lực</td>
      <td>20.000.000VNĐ</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Trần Thị Vân</td>
      <td>25.000.000VNĐ</td>
    </tr>
   <tr>
      <td>3</td>
      <td>Nguyễn Thùy Dung</td>
      <td>20.000.000VNĐ</td>
    </tr>
   <tr>
      <td>4</td>
      <td>Trần Ngọc Thanh</td>
      <td>20.000.000VNĐ</td>
    </tr>
  </tbody>
  
</table>
</body>
</html>
Thẻ col nhóm cột trong HTML nằm trong bài viết Thẻ col trong HTML