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

用css实现圆角

2006-09-27 16:00 176 查看

<!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>圆角示例</title>




<style type="text/css">...


<!--




.headerRCBox {...}{ }




.headerRCBox .rch {...}{ display: block; }




.headerRCBox .rch * {...}{


    display: block;


    height: 1px;


    overflow: hidden;


    background: #CCC;


    }




.headerRCBox .rch1 {...}{


    border-right: 1px solid #E9E9E9;


    padding-right: 1px;


    margin-right: 3px;


    border-left: 1px solid #E9E9E9;


    padding-left: 1px;


    margin-left: 3px;




    background: #D9D9D9; /**//* rch5 */


    }




.headerRCBox .rch2 {...}{


    border-right: 1px solid #FAFAFA;


    border-left: 1px solid #FAFAFA;


    padding: 0px 1px;




    background: #D6D6D6; /**//* rch3 */


    margin: 0px 1px;


    }




.headerRCBox .rch3 {...}{


    border-right: 1px solid #D6D6D6;


    border-left: 1px solid #D6D6D6;


    margin: 0px 1px;


    }




.headerRCBox .rch4 {...}{


    border-right: 1px solid #E9E9E9;


    border-left: 1px solid #E9E9E9;


    }




.headerRCBox .rch5 {...}{


    border-right: 1px solid #D9D9D9;


    border-left: 1px solid #D9D9D9;


    }




.headerRCBox .content {...}{


    background: #CCC;


    padding: 0px 6px 2px 6px;


    }-->


</style>


</head>




<body>




<div class="headerRCBox">




    <b class="rch">


    <b class="rch1"><b></b></b>


    <b class="rch2"><b></b></b>


    <b class="rch3"></b>


    <b class="rch4"></b>


    <b class="rch5"></b>


    </b> 


    <div class="content">        


        <div class="headerTitleRight">    


            <div class="label" style="margin-right: 5px;">


                Groups 1 - 10 of 39


            </div>


        </div>


        <div class="headerTitle">Featured Groups</div>


    </div>


    


</div>


    


</body>


</html>



 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css class div html