網(wǎng)站設計時更改HTML表格背景色的新方法探索

2021-12-22 分類：網(wǎng)站設計

在網(wǎng)站建設開發(fā)中，表格幾乎每個網(wǎng)站都會有所使用，而使用css樣式表更改表格或者單元格背景顏色更不陌生。這篇文章講述的主題，通過一些技術探索，告訴你在網(wǎng)站設計時更改HTML表格背景色的新方法。多年來，更改網(wǎng)站上表格各部分的背景色的方法已經(jīng)發(fā)生了變化，隨著樣式表的引入其變得更加容易。較舊的方法使用屬性bgcolor來更改表的背景色。它還可用于更改表行或表單元格的顏色。但是bgcolor屬性已經(jīng)被棄用，取而代之的是樣式表，所以它不是操縱表格背景顏色的好方式。更改背景顏色的更好方法，是將Style屬性背景顏色添加到表、行或單元格標記中。

以下示例更改整個表格的背景色：

<table style="background-color: #ff0000;">

要更改單行的顏色，請在<tr>標記中插入背景顏色屬性：

<tr style="background-color: yellow;">

可以通過將屬性添加到<；td>；標記來更改單個單元格的顏色：

<td style="background-color: #000;">

還可以相同的方式將背景顏色應用于表頭或<；th>；標記：

<th style="background-color: #000;">

使用樣式表更改背景顏色

但是，最好避免使用背景顏色屬性，而使用格式正確的樣式表。例如，可以在HTML文檔頭部的樣式表中設置樣式，也可以在外部樣式表中設置樣式。類似于Head或外部樣式表中的更改可能會顯示為表、行和單元格的以下內(nèi)容：

table { background-color: #ff0000; }
tr { background-color: yellow; }
td { background-color: #000; }

設置列背景顏色

設置列背景顏色的好方法是創(chuàng)建一個Style類，然后將該類分配給該列中的單元格。創(chuàng)建類允許您使用一個屬性將該類分配給特定列中的單元格。

CSS：

td.ColColor { background-color: blue; }

HTML:

<table>
<tr><td class="ColColor">cell 1</td><td>cell 2</td></tr>
<tr><td class="ColColor">cell 1</td><td>cell 2</td></tr>
</table>

通過樣式表控制背景顏色的一個顯著優(yōu)點是您可以在以后更改顏色選擇。不必遍歷HTML文檔并對每個單元格進行更改，您可以對CSS中的顏色選擇進行單個更改，該更改將立即應用于class=“Col Color”語法出現(xiàn)的每個實例。雖然在HTML中插入CSS或調(diào)用單獨的CSS文件會增加一些管理開銷，而不僅僅是修改HTML屬性，但您會發(fā)現(xiàn)依賴CSS可以減少錯誤、加快開發(fā)速度并提高文檔的可移植性。

網(wǎng)站題目：網(wǎng)站設計時更改HTML表格背景色的新方法探索
文章起源：http://www.rwnh.cn/news24/141474.html

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡營銷seo公司；服務項目有網(wǎng)站設計等

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

手機網(wǎng)站設計過程有哪些細節(jié)需要重視呢 2021-12-21
怎么選擇一家技術專業(yè)網(wǎng)站設計公司 2021-12-21
嘉興網(wǎng)站設計公司：做網(wǎng)站之前必須要做好這幾點！ 2021-12-21
網(wǎng)站設計有哪些方法和步驟？ 2021-12-21
怎么做深圳網(wǎng)站設計才能增加流量？ 2021-12-20
高端網(wǎng)站設計常見問題 2021-12-20
榆林網(wǎng)站設計制作：設計站點時有哪些是必須要重視的問題？ 2021-12-20

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

網(wǎng)站設計時更改HTML表格背景色的新方法探索