怎么使用html col标签

发布时间:2020-07-14 11:25:22 作者:Leah
来源:亿速云 阅读:173

这期内容当中小编将会给大家带来有关怎么使用html col标签,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

 html col标签用于表格中一个或多个列定义属性值,如需对全部列应用样式,<col>标签很有用,这样就不需要对各个单元和各行重复应用样式了。您只能在table或colgroup元素中使用<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>

效果:

怎么使用html col标签

上述就是小编为大家分享的怎么使用html col标签了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注亿速云行业资讯频道。

推荐阅读:
  1. html中col标签中的汉字怎么居中
  2. HTML中col标签里的用法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html col标签

上一篇:如何解决CSS中transition属性不起作用的问题

下一篇:什么是css定位

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》