您的位置：首页 > Web前端 > CSS

css实现简单圆角矩形

2009-05-21 14:20 387 查看
<!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>
<title></title>
<style type="text/CSS">
#zhuanti{width:468px;float:left;margin:0 0 0 10px;}
#desc {width:468px;height:300px;margin:0;text-align:center; background: #F9F3F8;float:left;border:1px solid #e8e8e8; border-top:none;border-bottom:none;}
.hor_c1{margin: 0 3px;height:1px;width:462px;float:left;overflow: hidden; background: #F9F3F8;}
.hor_c2{margin: 0 1px;height:2px;width:466px;float:left;overflow: hidden; background: #F9F3F8;}
</style>
</head>
<body style="width:960px;">
<div style="width:958px;height:230px;float:left;margin:0 0 10px 0;border:1px solid #e8e8e8;"></div>
<div style="width:468px;height:560px;float:left;margin:0 10px 0 0;border:1px solid #e8e8e8;"></div>
<div id="zhuanti">
<div class="hor_c1" style="border:1px solid #e8e8e8;border-bottom:none;"></div>
<div class="hor_c2" style="border:1px solid #e8e8e8;border-bottom:none; border-top:none;"></div>
<div id="desc">内容区块</div>
<div class="hor_c2" style="border:1px solid #e8e8e8;border-top:none;border-bottom:none;"></div>
<div class="hor_c1" style="border:1px solid #e8e8e8;border-top:none;"></div>
</div>

</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航