在写table
表格时,如果表格的列比较多,但是又想给不同的列设置不同的样式时,使用<colgroup>
与<col>
标签将是一个最佳的选择。
如下所示:
<table>
<colgroup>
<col span="2" style="background-color: yellow">
</colgroup>
<thead>
<tr>
<th>序号</th>
<th>标题</th>
<th>时间</th>
</tr>
<tr>
<td>1</td>
<td>测试标题</td>
<td>2018-04-03 15:56:35</td>
</tr>
<tr>
<td>1</td>
<td>测试标题</td>
<td>2018-04-03 15:56:35</td>
</tr>
<tr>
<td>1</td>
<td>测试标题</td>
<td>2018-04-03 15:56:35</td>
</tr>
</thead>
</table>
这段代码就给表格的前两列设置的黄色的背景色,通过<colgroup>
标签中嵌套<col>
标签就可以设置表格列的样式,这样就避免了每次都要重复给单列写不同的样式。<col>
标签的一些属性,可以参看http://www.w3school.com.cn/tags/tag_colgroup.asp。
如果觉得我的文章对您有用,请您随意打赏。您的支持将鼓励我更加努力创作!
如无特殊声明,文章均为原创,若有不正之处,万望告知。转载请附上原文地址,十分感谢!