DIV+CSS实现圆角矩形方法

时间:2008-04-25 13:53:13 来源:蓝色理想论坛作者:

初步研究：DIV+CSS实现圆角矩形方法

以下为引用的内容：本文来源于站长搜索资讯网(AdminSo.com)

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
#contact {height: 100px;width: 200px;border: 1px solid #6666FF;background: #FFFFFF;margin: 10px;padding: 10px;position: relative;}
.rtop , .ltop , .rbottom , .lbottom {height: 10px;width: 10px;position: absolute;line-height: 1px;font-size: 1px;background:#FFF;}
#contact ul {list-style: none;}
.rtop {
background: url(http://bbs.blueidea.com/attachment.php?aid=84892&noupdate=yes) no-repeat right top;
top: -1px;
right: -1px;
}
.ltop {
background: url(http://bbs.blueidea.com/attachment.php?aid=84892&noupdate=yes) no-repeat left top;
left: -1px;

本文来源于站长搜索资讯网(AdminSo.com)

top: -1px;
}
.rbottom {
background: url(http://bbs.blueidea.com/attachment.php?aid=84892&noupdate=yes) no-repeat right bottom;
right: -1px;
bottom: -1px;
}
.lbottom {
background: url(http://bbs.blueidea.com/attachment.php?aid=84892&noupdate=yesg) no-repeat left bottom;
left: -1px;
bottom: -1px;
}
-->
</style>
</head>
<body>
<div id="contact">
<p>
     圆矩矩形    </p>
    <ul>
         <li class="rtop"></li>
         <li class="ltop"></li>
         <li class="rbottom"></li>

搜索互联网--站长搜索(AdminSo.com)

<li class="lbottom"></li>
</ul>
</div>
</body>
</html> 搜索互联网--站长搜索(AdminSo.com)

搜索互联网--站长搜索(AdminSo.com)