HTML | 字符属性

简介

<col> 是 HTML 表格元素中用于定义单元格的列属性的字符属性，其可应用于整个表或单个表格的列。通过对表格中每一列应用 <col> 属性，程序员可以设置多个列的相同样式，从而 实现对表格的样式、行为等方面的控制。

语法

<col attribute="value">

属性说明：

| 属性 | 值 | 描述 | | ---- | --- | -------------------------------------------------------------------------- | | align| left/center/right/justify/char | 设置列中内容的水平对齐方式，char 代表对其方式由字符串 char 决定 | | char | character | 设置对齐方式时，用于对齐的那个字符 | | valign | top/middle/bottom/baseline | 设置列中内容的垂直对齐方式 | | width | pixels/percentage | 设置列宽度 | | bgcolor | color | 设置背景色 |

示例

案例一：设置不同列的样式

以下示例设置表格的第一列的背景色为淡紫色，文字颜色为白色，同时设置其他列为黄色背景。

<table>
  <col style="background-color:lavender;color:white;">
  <col style="background-color:yellow;">
  <col style="background-color:yellow;">
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>性别</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>25</td>
    <td>男</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>28</td>
    <td>女</td>
  </tr>
</table>

案例二：设置列的宽度

以下示例设置表格的第一列宽度为 30%，其他列宽度均分剩余空间。

<table>
  <col style="width:30%;">
  <col>
  <col>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>性别</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>25</td>
    <td>男</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>28</td>
    <td>女</td>
  </tr>
</table>

注意事项

• 在定义多个单元格的列属性时，程序员可以将属性的值合并到一个 <col> 元素中。
• <col> 属性是不包含实际表格数据的，其作用只是为程序员 在表格的某些区域中设置样式和行为。