當(dāng)前位置:軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > DIV+CSS > table背景顏色屬性bgcolor

table背景顏色屬性bgcolor

2012/11/20 17:26:08作者:佚名來(lái)源:網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例介紹】

table背景顏色屬性bgcolor

為了增加表格的美觀性,可以為單元格設(shè)置不同的背景顏色。

【基本語(yǔ)法】

<td bgcolor="背景顏色">

【語(yǔ)法介紹】

<td>屬性中的背景顏色是針對(duì)單元格來(lái)說(shuō)的,該屬性用來(lái)指定單元格的背景顏色。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>背景顏色屬性</title> </head>

<body><b> 五一大優(yōu)惠 </b> <table width="82%" border="1" cellpadding="5" cellspacing="1">   <tr>     <td width="260" bgcolor="#33FF00">1、冰電波拉皮單次價(jià)格800元</td>     <td bgcolor="#FF99CC">每人限購(gòu)1個(gè)療程</td>   </tr>   <tr>     <td bgcolor="#FFCC00">2、華爾茲冰點(diǎn)脫毛小腿體驗(yàn)價(jià)格500元</td>     <td bgcolor="#33CCFF">小腿療程價(jià)格6折優(yōu)惠,其他部位8折優(yōu)惠</td>   </tr>   <tr>     <td bgcolor="#FF0000">3、美白牙</td>     <td bgcolor="#CC0066">5折優(yōu)惠</td>   </tr> </table> </body> </html>

 

【代碼分析】

在代碼中,加粗部分的代碼標(biāo)記用于設(shè)置不同單元格的背景顏色,在瀏覽器中預(yù)覽可以看到不同的單元格背景顏色,如圖所示。

背景顏色屬性bgcolor運(yùn)行效果

 【素材及源碼下載】

請(qǐng)點(diǎn)擊:table背景顏色屬性bgcolor 下載本實(shí)例相關(guān)素材及源碼

 

標(biāo)簽: table  背景顏色  屬性