CSS css弹性圆形边框

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS css弹性圆形边框相关的知识，希望对你有一定的参考价值。

css corner

/** rounded corners **/

/* curved */
.bl { background: url(../images/j_crn_bl_light.png) 0 100% no-repeat;}
.br { background: url(../images/j_crn_br_light.png) 100% 100% no-repeat;}
.tl { background: url(../images/j_crn_tl_light.png) 0 0 no-repeat; }
.tr { background: url(../images/j_crn_tr_light.png) 100% 0 no-repeat;}
.bt { background:url(../images/j_border.png) 0 0 repeat-x; }
.dl{ background:url(../images/mw_line_grey.png) 0 0 repeat-y;}
.dr { background:url(../images/mw_line_grey.png) 100% 100% repeat-y;}
.bb { background:url(../images/j_border.png) 0 100% repeat-x; }

/* header red background curved */



HTML 


<div class="bb"> <div class="dl"><div class="bl"><div class="dr"><div class="br"><div class="bt"><div class="tl"><div class="tr">
 
<!-- search -->
 		<span> Text here</span><br /><br />
 
                 text here text here  
 </div></div></div></div></div></div></div></div>

以上是关于CSS css弹性圆形边框的主要内容，如果未能解决你的问题，请参考以下文章

CSS - 圆形边框看起来太像素化

css 使用边框和阴影制作图像圆形。

CSS 圆形边框

HTML CSS圆形边框没有图像

在圆形元素上使用顶部和底部边框时的 iOS CSS 问题

溢出：在 IE8 中使用 css3pie 隐藏圆形边框？