colgroup

定义

<colgroup> 标签用于对表格中的列进行组合，以便对其进行格式化。

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

属性

属性	值	描述
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