日期:2014-05-17  浏览次数:20621 次

求救div圆角问题
现在有左上、右上、左下、右下 四张圆角切图。
怎么把div背景颜色设置成圆角啊?就是怎么把四张图片放到div的四个角上?求救?

------解决方案--------------------
demo this here
------解决方案--------------------

<div class="box">
 <div class="box-outer">
    <div class="box-inner">
        <p>sdfsdffffddsfdf</p>
    </div>
<div>
<div>

.box{
background:url(左下) no-repeat left bottom
}
.box-outer{
background:url(右下)no-repeat right bottom;
}
.box-inner{
background:url(左上) no-repeat  left top;
}
p{
background:url(右上) no-repeat right top;
}

图片具体位置可以利用padding的四个方位值调节一下 
------解决方案--------------------
楼主可以起看《CSS彻底设计与研究》这本书,里面讲的比较详细,也可以去看看下这篇文章CSS圆角制作,希望对楼主有所帮助~
------解决方案--------------------
这就不好办了 ,因为你的那个小图片 的角落 是透明的 ,你的div如果设置了背景色,并且跟 body的背景色不一致的话,那这种技术就是失败的 
------解决方案--------------------
border-radius:5px