如何在HTML5表格中加粗 html5表格怎么设置填充色

行颜色设置的简便方法

昨天我们在《使用HTML添加表格3(间距与颜色)——零基础自学网页制作》中学习了设置单元格以及其中内容的空间间距和背景颜色。

其中添加列向单元格背景颜色只需要修改对应的

标签中的style属性，而修改行向标签需要修改不同标签中的标签的style属性，这样操作起来就非常的麻烦，那有没有简便的修改行向单元格背景颜色的方法呢？

当然有！

开发团队给出了

这样的组合来解决这个问题，下面让我们详细学习。标签是一个给行向单元格打组的标签，在页面中不会显示。标签是来具体设置行向单元格数量和颜色的标签。

示例代码如下：

这段代码添加到"第一个页面.html"当中就可以，具体代码如下：第一个网页

第一个网页

---

表格元素

---

表格标题

表格的脚部信息
表格的头部信息
姓名	年龄
一列一行	一列二行
二列一行	二列二行

页面效果如图：

因为第一列和最后一列只有一行所以，也都变红了。

其中span的数量代表行数。

如果把span等号后面的数改成2，因为表格只有两行，所以整个表格都红了。

表格嵌套

我们可以通过向表格中添加表格实现表格嵌套。表格嵌套可以把一个单元格分成行向或列向分割单元格。

代码示例如下：我们把"一列一行"分割成列向两个单元格。

1

2

使用

1

2

这段代码替换文字"一列一行"即可。

页面效果如图所示：

留个思考题，大家可以思考一下行向分割单元格怎么写。

今天的内容结束了。

全部示例代码如下：

第一个网页

第一个网页

---

表格元素

---

表格标题

表格的脚部信息
表格的头部信息
姓名	年龄
	一列二行
二列一行	二列二行

1

2

喜欢的小伙伴请关注我，阅读中遇到任何问题请给我留言，如有疏漏或错误欢迎大家斧正，不胜感激！

学到这里，相信大家已经有独立读懂HTML代码说明的能力了，明天我会为大家讲解16进制颜色表示方法。