本文介绍了HTML中简便的行颜色设置方法，利用`<tr>`和`<td>`结合`<colgroup>`和`<col>`标签，以及如何实现表格嵌套，通过代码示例展示了一列一行单元格变为列向分割单元格的过程，引导读者思考行向分割单元格的实现。
行颜色设置的简便方法
昨天我们在《使用HTML添加表格3（间距与颜色）—零基础自学网页制作》（目录在结尾）中学习了设置单元格以及其中内容的空间间距和背景颜色。
其中添加列向单元格背景颜色只需要修改对应的标签中的style属性，而修改行向标签需要修改不同标签中的<td>标签的style属性，这样操作起来就非常的麻烦，那有没有简便的修改行向单元格背景颜色的方法呢？
当然有！
开发团队给出了<colgroup><col></col></colgroup>这样的组合来解决这个问题，下面让我们详细学习。
<colgroup></colgroup>标签是一个给行向单元格打组的标签，在页面中不会显示。
<col></col>标签是来具体设置行向单元格数量和颜色的标签。
示例代码如下：
<colgroup><col span = "1" style="background-color:#ff0000;">
</col></colgroup>
这段代码添加到"第一个页面.html"当中就可以，具体代码如下：
<!DOCTYPE HTML>
<html>
<head>
<title>第一个网页</title>
</head>
<body>
<h1>第一个网页</h1><hr>
<h2>表格元素</h2><
最低0.47元/天 解锁文章
扫一扫
1111
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
