家园
个人
文集
http://
www
.
5x54
.
com
DIV+CSS圆角矩形
作者：
网上收集
点击：
读取中...
次
发布日期：
2008-06-16.18:01
引用代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>DIV+CSS圆角矩形</title>
<style type="text/css">
body{background:#000;background-image:url(bg.jpg);}
.r0 {font-size:12px;width:800px;margin:0px auto;}
.r1 {height:1px; font-size:1px; overflow:hidden; display:block; background:#000; margin:0 5px;}
.r2 {height:1px; font-size:1px; overflow:hidden; display:block; border-right:2px solid #000; border-left:2px solid #000; margin:0 3px;background:#FFF;}
.r3 {height:1px; font-size:1px; overflow:hidden; display:block; border-right:1px solid #000; border-left:1px solid #000; margin:0 2px;background:#FFF;}
.r4 {height:2px; font-size:1px; overflow:hidden; display:block; border-right:1px solid #000; border-left:1px solid #000; margin:0 1px;background:#FFF;}
.r5 {border-right:1px solid #000; border-left:1px solid #000; padding:10px;height:222px;background:#FFF;;}
</style>
</head>
<body>
<div class="r0">
<div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div>
<div class="r5">内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区</div>
<div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div>
</div>
</body>
</html>
收藏此文章
打印此文章
编辑此文章
『关闭窗口』
