當(dāng)前位置：軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > 利用CSS定義Table樣式做鏡框效果

利用CSS定義Table樣式做鏡框效果

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

移動端

【實例名稱】

利用CSS定義Table樣式做鏡框效果

【實例描述】

頁面美觀與否是一個網(wǎng)站好壞的衡量標(biāo)準(zhǔn)，為了實現(xiàn)美觀．需要設(shè)計一些特色的效果，本例就是使用table實現(xiàn)一個鏡框效果。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>標(biāo)題頁-學(xué)無憂（yzddtk.cn）</title>
</head>
<body>
<table border=15 style=border-style:ridge width=100% height=100%>
<Tr valign=top><td>用table實現(xiàn)，注意其樣式</td></tr></table>
</body>
</html>

【運行效果】

運行效果

【難點剖析】

本例的重點就是table的邊框樣式，樣式值為“border-style：ridge”其中“ridge”表示為table設(shè)置一個菱形邊框。

【源碼下載】

如果你不愿復(fù)制代碼及提高代碼準(zhǔn)確性，你可以點擊：用table做的鏡框 進(jìn)行本實例源碼下載 

標(biāo)簽： CSS  Table