HTML <col> 标签

htmlweb developmentfront end technology更新于 2025/6/15 17:16:17

HTML 中的 col 标签用于设置每列的列属性。这些列应位于 <colgroup> 元素内。

以下是属性 −

span:<col> 元素应跨越的列数

现在让我们看一个在 HTML 中实现 col 标签的示例 −

示例

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
   border: 2px solid black;
}
</style>
</head>
<body>
<h2>ICC Rankings</h2>
<table>
   <colgroup>
      <col span="2" style="background-color:magento;">
      <col style="background-color:blue;">
   </colgroup>
   <tr>
      <th>Player</th>
      <th>Country</th>
      <th>Rank</th>
   </tr>
   <tr>
      <td>Jack</td>
      <td>WI</td>
      <td>1</td>
   </tr>
   <tr>
      <td>Tom</td>
      <td>AUS</td>
      <td>2</td>
   </tr>
   <tr>
      <td>Virat</td>
      <td>IND</td>
      <td>3</td>
   </tr>
   <tr>
      <td>Steve</td>
      <td>AUS</td>
      <td>4</td>
   </tr>
   <tr>
      <td>Kane</td>
      <td>NZ</td>
      <td>5</td>
   </tr> 
   <tr>
      <td>David</td>
      <td>AUS</td>
      <td>6</td>
   </tr>
</table>
</body>
</html>