html < colgroup>标签

原创 PHP笔记  2017-05-21 21:01  阅读 1,610 views 次

在html中,<colgroup>标签是用来对表格中的列进行组合,从而实现对表格的格式化。<colgroup>标签只能在<table>标签中使用,使用它的好处是不需要重复的对表格各个单元和各行设置样式。标签一般都会添加class属性,这样就能通过css来控制表格的对齐方式、宽度、颜色等样式。

可选的属性

  • align :水平对齐方式,html5不再支持。
  • char:根据哪个字符来对齐列组中的内容,html5不再支持。
  • charoff:第一个对齐字符的偏移量,html5不再支持。
  • span:横跨的列数。
  • valign:垂直对齐方式,html5不再支持。
  • width:宽度,html5不再支持。

<colgroup>标签支持html全局属性和html事件属性

格式:

<colgroup 属性1="属性值1" 属性2="属性值2" ...></colgroup>
<colgroup属性1="属性值1" 属性2="属性值2" ...></colgroup>
......

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html < colgroup>标签_PHP笔记</title>
</head>
<body style="font-size:28px;">
<table width="450" border="1">
<colgroup style="background:red"></colgroup>
<colgroup span="2" style="background:yellow"></colgroup>
<tr><th>学号</th><th>姓名</th><th>成绩</th></tr>
<tr><td>01</td><td>张三</td><td>50</td></tr>
<tr><td>02</td><td>李四</td><td>90</td></tr>
</table>
</body>
</html>

运行结果:

本文地址:https://www.ggbiji.com/html-colgroup.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情