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

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

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

移動(dòng)端

【實(shí)例名稱】

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

【實(shí)例描述】

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

【實(shí)例代碼】

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

【運(yùn)行效果】

運(yùn)行效果

【難點(diǎn)剖析】

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

【源碼下載】

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

標(biāo)簽： CSS  Table