css3 怎么实现border-image圆角的问题
展开全部
我说两种方法哈:
1、上层DIV和img标签都设置border-radius圆角
列:
css如下:
.div1{width:100px;height:100px;border:1px solid lightgray;border-radius:5px;}
.div1 img{width:100px;height:100px;border-radius:5px;}
html如下:
<div class="div1">
<img src="img1.jpg">
</div>
2、img不设置,div设置border-radius圆角并且设置超出部分影藏
css如下:
.div1{width:100px;height:100px;border:1px solid lightgray;border-radius:5px;overflow:hidden;}
html如下:
<div class="div1">
<img src="img1.jpg">
</div>
注意:img标签要设置大小哈,不然图像显示会超出DIV的边界的
1、上层DIV和img标签都设置border-radius圆角
列:
css如下:
.div1{width:100px;height:100px;border:1px solid lightgray;border-radius:5px;}
.div1 img{width:100px;height:100px;border-radius:5px;}
html如下:
<div class="div1">
<img src="img1.jpg">
</div>
2、img不设置,div设置border-radius圆角并且设置超出部分影藏
css如下:
.div1{width:100px;height:100px;border:1px solid lightgray;border-radius:5px;overflow:hidden;}
html如下:
<div class="div1">
<img src="img1.jpg">
</div>
注意:img标签要设置大小哈,不然图像显示会超出DIV的边界的
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询