首页 > 文章 > web前端 > HTML的<colgroup> 标签

HTML的<colgroup> 标签

(*-*)浩原创: 2019-09-29 15:46:471981浏览

HTML 879b49175114808d868f5fe5e24c4e0b 标签

HTML的<colgroup> 标签

所有主流浏览器都支持 879b49175114808d868f5fe5e24c4e0b 标签。 (推荐学习：HTML入门教程)

Firefox、Chrome 以及 Safari 仅支持 colgroup 元素的 span 和 width 属性。

定义和用法

879b49175114808d868f5fe5e24c4e0b 标签用于对表格中的列进行组合，以便对其进行格式化。

如需对全部列应用样式，879b49175114808d868f5fe5e24c4e0b 标签很有用，这样就不需要对各个单元和各行重复应用样式了。

879b49175114808d868f5fe5e24c4e0b 标签只能在 table 元素中使用。

提示

提示：请为 879b49175114808d868f5fe5e24c4e0b 标签添加 class 属性。这样就可以使用 CSS 来负责对齐方式、宽度和颜色等等。

注：col 元素是仅包含属性的空元素。如需创建列，您就必须在 tr 元素内部规定 td 元素。

实例

两个 colgroup 元素为表格中的三列规定了不同的对齐方式和样式（注意第一个 colgroup 元素横跨两列）：

<html>
<body>

<table width="100%" border="1">
  <colgroup span="2" align="left"></colgroup>
  <colgroup align="right" style="color:#0000FF;"></colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
  <tr>
    <td>2489604</td>
    <td>My first CSS</td>
    <td>$47</td>
  </tr>
</table>

</body>
</html>

以上是HTML的<colgroup> 标签的详细内容。更多信息请关注PHP中文网其他相关文章！

firefox css chrome safari html class table td tr

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：HTML的<html> 标签下一篇：HTML的<button> 标签

查看更多