<col>
标签为表格中一个或多个列定义属性值。
如需对全部列应用样式,<col>
标签很有用,这样就不需要对各个单元和各行重复应用样式了。只能在 <table>
或 <colgroup>
标签中使用 <col>
标签。
属性 | 值 | 描述 |
span | number 规定 col | 元素应该横跨的列数。 |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>NTHOME-零基础入门学习Web(HTML5+CSS3)</title>
<style>
table{
border-collapse: collapse;
}
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<table>
<colgroup>
<col span="2" style="background-color:green">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>No</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>1</td>
<td>零基础入门学习Web(Html5+Css3)</td>
<td>¥99</td>
</tr>
<tr>
<td>2</td>
<td>网站源码span class="hljs-tag"></td>
<td>¥0.99</td>
</tr>
</table>
</body>
</html>
No | Title | Price |
---|---|---|
1 | 零基础入门学习Web(Html5+Css3) | ¥99.99 |
2 | 网站源码 | ¥0.99 |
表格中的数字表示支持该属性的第一个浏览器版本号。
Safari | Chrome | FireFox | IE |
1.0 | 1.0 | 1.0 | 1.0 |