Thẻ colgroup định dạng nhóm cột trong HTML

Thẻ colgroup định dạng nhóm cột trong HTML

Thẻ colgroup định dạng nhóm cột trong HTML

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Thẻ colgroup định dạng 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ẻ colgroup định dạng nhóm cột trong HTML</h1>
<p>Thẻ colgroup trong HTML dùng để định dạng từng cột hoặc định dạng từng nhóm cột bằng cách css chiều rộng, màu nền,... cho cột, thẻ colgroup nằm trước tất cả các thẻ tr và ở ngay sau thẻ mở table, trong thẻ colgroup chứa các thẻ col dùng để định dạng từng cột, nhóm 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ẻ colgroup định dạng nhóm cột trong HTML nằm trong bài viết Thẻ colgroup trong HTML