當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > 在網(wǎng)頁中定義CSS樣式制作突出的表格

在網(wǎng)頁中定義CSS樣式制作突出的表格

2012/10/29 16:06:11作者:佚名來源:網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

定義CSS樣式制作突出的表格

【實(shí)例描述】

默認(rèn)表格的樣式是平的,本例提供一種樣式,讓表格看起來具有三維效果。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標(biāo)題頁-學(xué)無憂(wangbatian.cn)</title> </head> <body>   <table border="1" cellpadding="2" cellspacing="4" bgcolor=#CCCC66 align=center>     <tr>      <td bgcolor=#CCCCFF bordercolorlight="#808080" bordercolordark="#FFFFFF">第一行第一列</td>      <td bgcolor=#CCCCFF bordercolorlight="#808080" bordercolordark="#FFFFFF">第一行第二列</td>     </tr>     <tr>      <td bgcolor=#CCCCFF bordercolorlight="#808080" bordercolordark="#FFFFFF">第二行第一列</td>      <td bgcolor=#CCCCFF bordercolorlight="#808080" bordercolordark="#FFFFFF">第二行第二列</td>     </tr>   </table> </body> </html>

【運(yùn)行效果】

運(yùn)行效果

【難點(diǎn)剖析】

本例的重點(diǎn)是樣式的應(yīng)用,其中列的“bordercolorlight”屬性用來置亮邊框顏色,“borderc0l0rdark”屬性用來設(shè)置邊框的背景顏色。

【源碼下載】

如果你不愿復(fù)制代碼及提高代碼準(zhǔn)確性,你可以點(diǎn)擊:突出的表格 進(jìn)行本實(shí)例源碼下載 

標(biāo)簽: 表格  CSS