html colgroup tag


  Translation results:

英[gru:p] 美[ɡrup]

n. Group, group; group, batch; (sculpture, etc.) group portrait; (British and American) Air Force Brigade

vt. & vi. To form a group, to collect

vt. To classify, to classify

Third person singular: groups Plural: groups Present participle: grouping Past tense: grouped Past participle: grouped

html colgroup tagsyntax

What does the colgroup tag mean?

Function: Combine the columns in the table to format them.

Note: If you need to apply styles to all columns, the <colgroup> tag is useful, so that you don't need to repeatedly apply styles to each unit and row. The <colgroup> tag can only be used within table elements.

Note: All major browsers support the <colgroup> tag. Firefox, Chrome, and Safari only support the span and width attributes of the colgroup element.

html colgroup tagexample

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table width="100%" border="1">
    <colgroup span="2" align="left"></colgroup>
    <colgroup align="right" style="color:#0000FF;"></colgroup>
    <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>

Run instance »

Click the "Run instance" button to view the online instance

Home

Videos

Q&A