行颜色设置的简便方法

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

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

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

当然有！

开发团队给出了

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

示例代码如下：

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

       第一个网页

`第一个网页`

`表格元素`

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

页面效果如图：

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

其中span的数量代表行数。

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

表格嵌套

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

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

12

使用

12

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

页面效果如图所示：

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

今天的内容结束了。

全部示例代码如下：

       第一个网页

`第一个网页`

`表格元素`

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

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

学到这里，相信大家已经有独立读懂HTML代码说明的能力了，明天我会为大家讲解16进制颜色表示方法。之后会给大家推荐html代码参考手册的链接。如果您是零基础的话，学完16进制颜色表示方法后，基本上就可以无障碍的阅读html代码参考手册了，如果阅读起来还是有困难，请继续看后面我为大家讲解一些常用元素及属性的文章，已及html中特殊符号的输入方法，全部做完后再结束这套教程。

如果您有任何疑问或不解欢迎关注并私信我。

`HTML完整学习目录`

HTML序章(学习目的、对象、基本概念)——零基础自学网页制作

HTML是什么？——零基础自学网页制作

第一个HTML页面如何写？——零基础自学网页制作

HTML页面中head标签有啥用？——零基础自学网页制作

初识meta标签与SEO——零基础自学网页制作

HTML中的元素使用方法1——零基础自学网页制作

HTML中的元素使用方法2——零基础自学网页制作

HTML元素中的属性1——零基础自学网页制作

HTML元素中的属性2(路径详解)——零基础自学网页制作

使用HTML添加表格1(基本元素)——零基础自学网页制作

使用HTML添加表格2(表格头部与脚部)——零基础自学网页制作

使用HTML添加表格3(间距与颜色)——零基础自学网页制作

使用HTML添加表格4(行颜色与表格嵌套)——零基础自学网页制作

16进制颜色表示与RGB色彩模型——零基础自学网页制作

HTML中的块级元素与内联元素——零基础自学网页制作

初识HTML中的

块元素——零基础自学网页制作

在HTML页面中嵌入其他页面的方法——零基础自学网页制作

封闭在家学网页制作！为页面嵌入PDF文件——零基础自学网页制作

HTML表单元素初识1——零基础自学网页制作

HTML表单元素初识2——零基础自学网页制作

HTML表单3(下拉列表、多行文字输入)——零基础自学网页制作

HTML表单4(form的action、method属性)——零基础自学网页制作

HTML列表制作讲解——零基础自学网页制作

为HTML页面添加视频、音频的方法——零基础自学网页制作

音视频格式转换神器与html视频元素加字幕——零基础自学网页制作

HTML中使用标签实现文本内链接——零基础自学网页制作

el-table 行背景颜色_使用HTML添加表格4（行颜色与表格嵌套）——零基础自学网页制作相关推荐

html带颜色表格怎么做,使用HTML添加表格4（行颜色与表格嵌套）——零基础自学网页制作...
行颜色设置的简便方法使用HTML添加表格4(行颜色与表格嵌套)--零基础自学网页制作昨天我们在<使用HTML添加表格3(间距与颜色)--零基础自学网页制作>(目录在结尾)中学习了设置单 ...
iframe嵌入页面白屏_封闭在家学网页制作！为页面嵌入PDF文件——零基础自学网页制作
在页面中嵌入PDF文件在上一篇<在html页面中嵌入其他页面的方法--零基础自学网页制作>(结尾见目录)中我们学习了如何在页面中嵌入其他页面的操作.今天我们来嵌入一个pdf文件. 其实使 ...
html表格内图片填充颜色设置,使用HTML添加表格4（行颜色与表格嵌套）——零基础自学网页制作...
行颜色设置的简便方法昨天我们在<使用HTML添加表格3(间距与颜色)--零基础自学网页制作>中学习了设置单元格以及其中内容的空间间距和背景颜色. 其中添加列向单元格背景颜色只需要修改对应 ...
html打开网页过场动画_音视频格式转换神器与html视频元素加字幕——零基础自学网页制作
音视频格式转换神器--格式工厂如果您下载了上一篇<为HTML页面添加音频.视频的方法--零基础自学网页制作>(目录在结尾)中的素材,您会看到有这样一个文件,如图这就是格式工厂软件的安装 ...
非零基础自学Golang 第15章 Go命令行工具 15.4 注释文档(doc)
非零基础自学Golang 文章目录非零基础自学Golang 第15章 Go命令行工具 15.4 注释文档(doc) 第15章 Go命令行工具 15.4 注释文档(doc) Go语言文档工具go do ...
sql 如何设置行级锁_如何使用SQL Server 2016行级安全性过滤和阻止数据访问
sql 如何设置行级锁 SQL Server 2016 came with many new features and enhancements for existing ones, that con ...
java 设置文本颜色_设置文本中的字体的颜色
String string=" 欢迎你来到的 jack 的 android 使用技术总结 "; TextV iew info2=(TextView)super.findV iewB ...
nessus 命令行新建用户_【笔记3】命令行基础
命令行基础&为什么要学? 1. 命令行是啥: - 用户通过键盘输入字符指令.计算机输出字符结果的一种人机交互的方式 - 只能输入命令,没有对话框,没有按钮,全部都是文字 - 世界上第一个程序员 ...
javame学习_从零基础自学Java教程：648集全网最新Java学习教程，一学就会
我们都知道Java的功能非常的强大,Java是一种可以撰写跨平台应用软件的面向对象的程序设计语言,是由Sun Microsystems公司于1995年5月推出的Java程序设计语言和Java平台(即J ...

el-table 行背景颜色_使用HTML添加表格4（行颜色与表格嵌套）——零基础自学网页制作

行颜色设置的简便方法

`第一个网页`

`表格元素`

`第一个网页`

`表格元素`

`HTML完整学习目录`

el-table 行背景颜色_使用HTML添加表格4（行颜色与表格嵌套）——零基础自学网页制作相关推荐

最新文章

热门文章