我是靠谱客的博主 大力小蝴蝶,这篇文章主要介绍col在html中是什么意思,现在分享给大家,希望可以做个参考。

本教程操作环境:windows10系统、HTML5版本、Dell G3电脑。

col在html中是什么意思

标签的定义标签的“col”是“column”英文单词的缩写,中文有“列”的意思;标签是给表格中一个或多个列应用样式,而不需要重复为每个单元格或每一行设置样式;标签规定了 元素内部的每一列的列属性;标签设置的样式会被标签设置的样式覆盖;

HTML<col> 标签规定了<colgroup> 元素内部的每一列的列属性。

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

<col> 标签为表格中一个或多个列定义属性值。

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

您只能在 table 或 colgroup 元素中使用 <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
30
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> </head> <body> <table border="1"> <colgroup> <col span="2" style="background-color:red"> <col style="background-color:yellow"> </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>5869207</td> <td>My first CSS</td> <td>$49</td> </tr> </table> </body> </html>
登录后复制

输出结果:

18.png

(学习视频分享:css视频教程、html视频教程)

以上就是col在html中是什么意思的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是大力小蝴蝶最近收集整理的关于col在html中是什么意思的全部内容,更多相关col在html中是什么意思内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(140)

评论列表共有 0 条评论

立即
投稿
返回
顶部