• 技术文章 >web前端 >前端问答

    html col标签怎么用

    藏色散人藏色散人2019-05-26 14:02:52原创1714
    html col标签用于表格中一个或多个列定义属性值,如需对全部列应用样式,<col>标签很有用,这样就不需要对各个单元和各行重复应用样式了。您只能在table或colgroup元素中使用<col>标签。

    html col标签怎么用?

    作用:表格中一个或多个列定义属性值。

    说明:

    如需对全部列应用样式,<col> 标签很有用,这样就不需要对各个单元和各行重复应用样式了。您只能在 table 或 colgroup 元素中使用 <col> 标签。

    注释:在 HTML 中,<col> 没有结束标签。在 XHTML 中,<col> 标签必须被正确的关闭。

    html col标签使用示例

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <table width="100%" border="1">
        <col />
        <col />
        <col />
        <tr>
            <th>商品种类</th>
            <th>名称</th>
            <th>价格</th>
        </tr>
        <tr>
            <td>衣服</td>
            <td>衬衣</td>
            <td>53元</td>
        </tr>
        <tr>
            <td>鞋子</td>
            <td>板鞋</td>
            <td>199元</td>
        </tr>
    </table>
    </body>
    </html>

    效果:

    7a8ec810dbdf7c575c200c944cf9846.png

    以上就是html col标签怎么用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html col标签
    上一篇:html code标签怎么用 下一篇:html colgroup标签怎么用
    大前端线上培训班

    相关文章推荐

    • html caption标签怎么用• html center标签怎么用• html cite标签怎么用• html code标签怎么用

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网