css样式轻松搞定图层圆角矩形显示效果

网站常用css圆角矩形代码，简单的几行css样式实现图层圆角矩形显示效果，可根据自己的需求来自定义。

<style type="text/css">    
.www_wuming_ren{    
display:block;    
}    
.www_wuming_ren *{    
display:block;    
height:1px;    
overflow:hidden;    
background:#ff00cc;    
}    
.www_wuming_ren1{    
border-right:1px solid #95b0f4;    
padding-right:1px;    
margin-right:3px;    
border-left:1px solid #95b0f4;    
padding-left:1px;    
margin-left:3px;    
background:#478dec;    
}    
.www_wuming_ren2{    
border-right:1px solid #e6efcc;    
border-left:1px solid #e6efcc;    
padding:0px 1px;    
background:#3883ea;    
margin:0px 1px;    
}    
.www_wuming_ren3{    
border-right:1px solid #3823ea;    
border-left:1px solid #3823ea;    
margin:0px 1px;    
}    
.www_wuming_ren4{    
border-right:1px solid #95bdf4;    
border-left:1px solid #95bdf4;    
}    
.www_wuming_ren5{    
border-right:1px solid #478dec;    
border-left:1px solid #478dec;    
}    
.www_wuming_ren_content{    
padding:0px 5px;    
background:#ff00cc;    
}    
</style>
<a href="https://www.wuming.ren">武鸣人</a>，各种信息资源免费发布，分享励志语录经典短句，减肥健身常识，各种js特效代码。网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
<div>    
<b class="www_wuming_ren">    
<b class="www_wuming_ren1"><b></b></b>    
<b class="www_wuming_ren2"><b></b></b>    
<b class="www_wuming_ren3"></b>    
<b class="www_wuming_ren4"></b>    
<b class="www_wuming_ren5"></b>    
</b>    
<div class="www_wuming_ren_content">    
武鸣人，各种信息免费发布，资源共享合作共赢！
</div>    
<b class="www_wuming_ren">    
<b class="www_wuming_ren5"></b>    
<b class="www_wuming_ren4"></b>    
<b class="www_wuming_ren3"></b>    
<b class="www_wuming_ren2"><b></b></b>    
<b class="www_wuming_ren1"><b></b></b>    
</b>    
</div>