欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

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

2021-12-22    分類: 網(wǎng)站設(shè)計(jì)


網(wǎng)站建設(shè)開發(fā)中,表格幾乎每個(gè)網(wǎng)站都會有所使用,而使用css樣式表更改表格或者單元格背景顏色更不陌生。這篇文章講述的主題,通過一些技術(shù)探索,告訴你在網(wǎng)站設(shè)計(jì)時(shí)更改HTML表格背景色的新方法。多年來,更改網(wǎng)站上表格各部分的背景色的方法已經(jīng)發(fā)生了變化,隨著樣式表的引入其變得更加容易。較舊的方法使用屬性bgcolor來更改表的背景色。它還可用于更改表行或表單元格的顏色。但是bgcolor屬性已經(jīng)被棄用,取而代之的是樣式表,所以它不是操縱表格背景顏色的好方式。更改背景顏色的更好方法,是將Style屬性背景顏色添加到表、行或單元格標(biāo)記中。
以下示例更改整個(gè)表格的背景色:
<table style="background-color: #ff0000;">
要更改單行的顏色,請?jiān)?lt;tr>標(biāo)記中插入背景顏色屬性:
<tr style="background-color: yellow;">
可以通過將屬性添加到<;td>;標(biāo)記來更改單個(gè)單元格的顏色:
<td style="background-color: #000;">
還可以相同的方式將背景顏色應(yīng)用于表頭或<;th>;標(biāo)記:
<th style="background-color: #000;">
使用樣式表更改背景顏色
但是,最好避免使用背景顏色屬性,而使用格式正確的樣式表。例如,可以在HTML文檔頭部的樣式表中設(shè)置樣式,也可以在外部樣式表中設(shè)置樣式。類似于Head或外部樣式表中的更改可能會顯示為表、行和單元格的以下內(nèi)容:
table { background-color: #ff0000; }
tr { background-color: yellow; }
td { background-color: #000; }
設(shè)置列背景顏色
設(shè)置列背景顏色的好方法是創(chuàng)建一個(gè)Style類,然后將該類分配給該列中的單元格。創(chuàng)建類允許您使用一個(gè)屬性將該類分配給特定列中的單元格。
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>
通過樣式表控制背景顏色的一個(gè)顯著優(yōu)點(diǎn)是您可以在以后更改顏色選擇。不必遍歷HTML文檔并對每個(gè)單元格進(jìn)行更改,您可以對CSS中的顏色選擇進(jìn)行單個(gè)更改,該更改將立即應(yīng)用于class=“Col Color”語法出現(xiàn)的每個(gè)實(shí)例。雖然在HTML中插入CSS或調(diào)用單獨(dú)的CSS文件會增加一些管理開銷,而不僅僅是修改HTML屬性,但您會發(fā)現(xiàn)依賴CSS可以減少錯(cuò)誤、加快開發(fā)速度并提高文檔的可移植性。

網(wǎng)站題目:網(wǎng)站設(shè)計(jì)時(shí)更改HTML表格背景色的新方法探索
文章起源:http://aaarwkj.com/news24/141474.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)

廣告

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

外貿(mào)網(wǎng)站制作
国产精品一区二区久久| 亚洲成年人黄色小说网站| 日本欧美一区中文字幕| 中文字幕乱码高清免费| 日本美女激情在线观看| 欧美专区另类综合日韩| 四虎永久播放地址免费| 亚洲欧美日韩香蕉在线观看| 97视频在线视频免费| 加勒比人妻一区二区三区| 国产91对白在线观看| 亚洲欧美日韩专区一区| 一区二区三区四区蜜桃av| 欧洲一区二区三区黄色| 中文字幕国产精品综合| 久久国产亚洲精品赲碰热| 丰满人妻少妇一区二区| 另类国产人妖免费视频网站大全| 欧美欧美欧美欧美在线| 丰满少妇亚洲中文字幕| 久久这里只有精品视频| 免费午夜福利在线观看| 色婷婷综合五月在线观看| 美女丝袜美腿魅惑男人| 日韩欧美亚洲一级黄片| 国产精品蜜臀av在线一区| 香蕉视频在线观看亚洲精品| 在线观看国产一区二区不卡| 一级黄片国产精品久久| 日本啪啪啪一区二区三区| 久久国产成人精品免费看| 日韩高清不卡免费视频| 日韩综合欧美激情另类| 综合国产精品久久久久久| 99久久精品国产国产毛片| av电影网站中文字幕| 亚洲香蕉av在线一区二区三区 | 麻豆视传媒官网免费观看| 91国语对白在线观看| 福利一区二区在线视频| 欧美日韩在线视频一区|