html col标签怎么用


本文摘自PHP中文网,作者藏色散人,侵删。

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

html col标签怎么用

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

说明:

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

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

html col标签使用示例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

<!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标签怎么用的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html常用代码有哪些

Html object标签怎么用

Html标记分为哪两种

Html的基础 理论

Html怎么设置图片

Html中sub标签是什么?关于Html sub标签的定义和使用方法介绍

Html图片大小如何设置

Html中关于盒模型的总结

Html怎样使文字居中

Html如何设置字体文字的倾斜效果?(代码详解)

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...