阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

    教程列表

    数据库
    抓包专区
    测试专区

    HTML colgroup 标签

    colgroup 标签的功能

    • <colgroup> 标签用于对表格中的列进行组合,以便对其进行格式化。

    • 通过使用 <colgroup> 标签,可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式。

    colgroup 标签的用法

    <colgroup> 和 <col> 标签为表格中的三个列设置了背景色:

    <table border="1">
      <colgroup>
        <col span="2" style="background-color:red">
        <col style="background-color:yellow">
      </colgroup>
      <tr>
        <th>网站</th>
        <th>网址</th>
        <th>评分</th>
      </tr>
      <tr>
        <td>阿西河前端教程</td>
        <td>www.axihe.com</td>
        <td>100分</td>
      </tr>
    </table>
    

    colgroup 标签的演示

    注意:如果您对tr做了background-color设置,会导致 col 的设置失效

    网站 网址 评分
    阿西河前端教程 www.axihe.com 100分

    浏览器支持

    所有主流浏览器都支持 <colgroup> 标签。


    注意事项

    • 只能在 <table> 元素之内,在任何一个 <caption> 元素之后,在任何一个 <thead><tbody><tfoot><tr> 元素之前使用 <colgroup> 标签。
    • 如果想对 <colgroup> 中的某列定义不同的属性,请在 <colgroup> 标签内使用 <col> 标签。
    • css 设置的背景色会覆盖当前设置

    HTML4 与 HTML5 的用法差异

    HTML5 中不再支持 HTML4 中的大部分属性。


    属性

    属性 描述
    align left
    right
    center
    justify
    char
    HTML5 不支持。规定在列组合中内容的水平对齐方式。
    char character HTML5 不支持。规定根据哪个字符来对齐列组中的内容。
    charoff number HTML5 不支持。规定第一个对齐字符的偏移量。
    span number 规定列组应该横跨的列数。
    valign top
    middle
    bottom
    baseline
    HTML5 不支持。定义在列组合中内容的垂直对齐方式。
    width pixels
    %
    relative_length
    HTML5 不支持。规定列组合的宽度。

    全局属性

    标签支持 [HTML 全局属性](/api/html/html-doc/ref-standardattributes.html)。

    事件属性

    标签支持 [HTML 事件属性](/api/html/html-doc/ref-eventattributes.html)
    卖前端学习教程

    只需几十元,就能买到培训班的内部教程!开启高薪之路!

    零基础小白阿里P7的教程都有!

    同时长期收购所有培训班的前端教程

    目录
    目录