求救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