我试图弯曲框架内图像的角,但是我无法做到。我正在使用基本的border-image属性,并使用border-radius属性来弯角。我不知道我在做什么错。请检查语法:
<img src="http://blog.queensland.com/files/2013/08/Damien-Leze_WIDE_ANGLE_1.jpg" class="frame">
CSS代码是:
img.frame{
border-image: url('http://thumbs.dreamstime.com/x/het-ionen-frame-van-het-water- 55454.jpg') 80 80 82 84 repeat repeat;
border-width: 60px;
height: 300px; width: 500px;
}
您需要将overflow:hidden设置为您的框架。并添加边框半径到您的图像。而已
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句