如何将border-radius属性与border-image一起使用以弯曲拐角?

高拉夫·潘迪(Gaurav Pandey)

我试图弯曲框架内图像的角,但是我无法做到。我正在使用基本的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; 
}
维斯瓦纳特·唐西(Viswanath Donthi)

您需要将overflow:hidden设置为您的框架。并添加边框半径到您的图像。而已

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

一个人如何才能将CSS属性(如border-radius)与transitionables一起使用

我可以使用CSS border-radius属性制作椭圆吗?

CSS过渡移除border-radius属性

CSS3的border-radius属性和border-collapse:collapse不能混合使用。如何使用边框半径创建带有圆角的折叠表格?

如何将 border-bottom 应用于最后一个非空 <tr>?

如何将选项属性与 SDWebImagePrefetch 一起使用?

在CSS中使用border-box时,如何将文本放在box的中心?

使用`border-radius`创建一个圆

将border-radius属性添加到D3js甜甜圈图

CSS Border Radius问题

将依赖项属性与视图模型一起使用以更改矩形的填充

将@click方法与select标记一起使用以更改计算属性的值

无需使用border-radius属性即可在altova stylevision或xsl-fo中创建动态自由流表的曲线边框

如何向下拉蚂蚁设计元素添加border-radius CSS属性?

CSS Arch是否可以使用border-radius?

使用border-radius CSS时平滑边框

Firefox无法使用以下方式正确呈现:border-radius,box-shadow和border

将SVG模式添加到border-image属性

如何将typescript接口属性与margin属性一起使用?

即使使用border-collapse:separate,border-radius也不会应用于<tr>行标记

Firefox中使用border-radius和border的圆上的针迹:虚线

CSS Border Radius Second Radius说明

如何将子属性与包含点的模型一起使用

如何将Bootstrap 4边距和填充属性与像素一起使用?

如何将悬停属性与两个类一起使用

如何将 querySelector 与数据属性和类一起使用?

如何将属性布尔值设置为[Required]以与RadioButtonFor一起使用?

如何将flags属性与从枚举继承的类一起使用

如何将系统字体与属性字符串一起使用?