现在的位置: 首页 > 综合 > 正文

css实现简单圆角矩形

2013年05月06日 ⁄ 综合 ⁄ 共 1243字 ⁄ 字号 评论关闭
<!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>

抱歉!评论已关闭.