您當(dāng)前位置：首頁 > web前端 > htmlcss > CSS實(shí)現(xiàn)邊框顯示凹陷立體效果的實(shí)例代碼

CSS實(shí)現(xiàn)邊框顯示凹陷立體效果的實(shí)例代碼

來源：程序員人生發(fā)布時(shí)間：2014-06-11 19:40:23 閱讀次數(shù)：3470次

　　網(wǎng)(LieHuo.Net)教程這個(gè)CSS美化實(shí)例應(yīng)該屬于布局的范疇吧。這里的重點(diǎn)是CSS，因此表格使用了TABle，用CSS控制Table的邊框像Windows系統(tǒng)窗體里的邊線一樣，表格邊框?yàn)榘枷萘Ⅲw效果，當(dāng)然，這里僅提供一種思路，你可以靈活修改使用。

<html><head><title>LIEHUO.NET</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body><center><FIELDSET ID=shop style="width:200;"> <legend><span style="font size:12px">網(wǎng)-LIEHUO.NET</span></legend><br><form name="form1" method="post" action=""><p align="left"><input type="checkbox" name="checkbox" value="checkbox"><span style="font size:12px">AJAX專欄</span> <br></p><p align="left"><input type="checkbox" name="checkbox2" value="checkbox"><span style="font size:12px">FW專欄</span></p><p align="left"><input type="checkbox" name="checkbox3" value="checkbox"><span style="font size:12px">FLASH專欄</span></p></form><span style="font size:12px"><font color="#990000">此邊框?yàn)槟J(rèn)風(fēng)格</font></span><br></fieldset><br><br><FIELDSET ID=shop style="width:200;border:inset;border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px;"><legend><span style="font size:12px">網(wǎng)-LIEHUO.NET</span></legend><br><form name="form1" method="post" action=""><p align="left"><input type="checkbox" name="checkbox4" value="checkbox"><span style="font size:12px">AJAX專欄</span> <br></p><p align="left"><input type="checkbox" name="checkbox22" value="checkbox"><span style="font size:12px">FW專欄</span></p><p align="left"><input type="checkbox" name="checkbox32" value="checkbox"><span style="font size:12px">FLASH專欄</span></p></form><span style="font size:12px"><font color="#990000">此邊框?yàn)榘枷菪Ч?lt;/font></span><br></fieldset></center></body></html><br /><center>網(wǎng)更多教程，請?jiān)L問：<a href=http://www.jyygyx.com/ target=_blank _fcksavedurl="http://www.jyygyx.com/ target=_blank">http://www.jyygyx.com/</a></center>
提示：可修改后代碼再運(yùn)行!

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)
程序員人生

------分隔線----------------------------

上一篇 搭建Access為主的Mdb數(shù)據(jù)庫

下一篇 遠(yuǎn)程桌面服務(wù)中的“IP虛擬化”及其作用

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關(guān)注

欄目熱點(diǎn)

日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

CSS實(shí)現(xiàn)邊框顯示凹陷立體效果的實(shí)例代碼