当前位置:主页 > IT技术分享 >

CSS实现边框显示凹陷立体效果的实例代码

作者:admin发表时间:2019-01-03

  帮客之家(www.Bkjia.com)教程 这个CSS美化实例应该属于布局的范畴吧。这里的重点是CSS,因此表格使用了TABle,用CSS控制Table的边框像Windows系统窗体里的边线一样,表格边框为凹陷立体效果,当然,这里仅提供一种思路,你可以灵活修改使用。

<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><ag8亚游集团span style="font size:12px">帮客之家-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">此边框为默认风格</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">帮客之家-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">此边框为凹陷效果</font></span><br>
</fieldset>
</center></body>
</html><br /><center>帮客之家更多教程,请访问:<a href=http://www.bkjia.com/ target=_blank _fcksavedurl="http://www.bkjia.com/ target=_blank">http://www.bkjia.com/</a></center>

提示:可修改后代码再运行!

http://www.bkjia.com/HTML_CSS/366139.htmlwww.bkjia.comtruehttp://www.bkjia.com/HTML_CSS/366139.htmlTechArticle烈火网(LieHuo.Net)教程 这个CSS美化实例应该属于布局的范畴吧。这里的重点是CSS,因此表格使用了TABle,用CSS控制Table的边框像Windows系统窗体...

本文源自: 环亚娱乐

下一篇:没有了 上一篇:XML有哪些用途?
IT技术分享
联系我们