行顏色設置的簡便方法

昨天我們在《使用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（行颜色与表格嵌套）——零基础自学网页制作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。