如何将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条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

最新的歌剧在使用border-radius属性时不会隐藏溢出

来自分类Dev

CSS过渡移除border-radius属性

来自分类Dev

如何使用CSS border-radius创建直角?

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

Background-image with border-radius in input or textarea

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

如何将SQLAlchemy与类属性(和属性)一起使用?

来自分类Dev

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

来自分类Dev

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

来自分类Dev

SoapUI-如何将属性传输与POST请求一起使用

来自分类Dev

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

来自分类Dev

如何将条件Required Attribute放入类属性以与WEB API一起使用?

来自分类Dev

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

来自分类Dev

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

来自分类Dev

如何将UIView与从ViewController继承的属性或变量一起使用?

来自分类Dev

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

来自分类Dev

如何将 xsd.exe 与包含冒号的属性一起使用?(xml:lang)

来自分类Dev

border-radius和-webkit-border-radius之间的区别

Related 相关文章

  1. 1

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

  2. 2

    最新的歌剧在使用border-radius属性时不会隐藏溢出

  3. 3

    CSS过渡移除border-radius属性

  4. 4

    如何使用CSS border-radius创建直角?

  5. 5

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

  6. 6

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

  7. 7

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

  8. 8

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

  9. 9

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

  10. 10

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

  11. 11

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

  12. 12

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

  13. 13

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

  14. 14

    Background-image with border-radius in input or textarea

  15. 15

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

  16. 16

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

  17. 17

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

  18. 18

    如何将SQLAlchemy与类属性(和属性)一起使用?

  19. 19

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

  20. 20

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

  21. 21

    SoapUI-如何将属性传输与POST请求一起使用

  22. 22

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

  23. 23

    如何将条件Required Attribute放入类属性以与WEB API一起使用?

  24. 24

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

  25. 25

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

  26. 26

    如何将UIView与从ViewController继承的属性或变量一起使用?

  27. 27

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

  28. 28

    如何将 xsd.exe 与包含冒号的属性一起使用?(xml:lang)

  29. 29

    border-radius和-webkit-border-radius之间的区别

热门标签

归档