Question

我正在尝试使用新的CSS3边框图像我创建了一个图像边框来环绕我的内容，但我似乎无法沿着我的内容一直延伸它只是位于角落里。< / p>

border-style: solid;
border-width: 29px 27px;
-moz-border-image: url(http://i.imgur.com/oi4vSoL.png) 29 27 repeat;
-webkit-border-image: url(http://i.imgur.com/oi4vSoL.png) 29 27 repeat;
-o-border-image: url(http://i.imgur.com/oi4vSoL.png) 29 27 repeat;
border-image: url(http://i.imgur.com/oi4vSoL.png) 29 27 fill repeat;
border-image-outset: 17px;

我创造了一个小提琴 - http://jsfiddle.net/aLuzqtxg/

Answer 1

关注：http://www.w3schools.com/cssref/css3_pr_border-image.asp 你应该改变＆＃39;重复＆＃39;到了＆＃39; round＆＃39;并使图像切片/大小和边框宽度更小。 19 17

＆＃13;

border-style: solid;
border-width: 19px 17px;
-moz-border-image: url(http://i.imgur.com/oi4vSoL.png) 19 17 round;
-webkit-border-image: url(http://i.imgur.com/oi4vSoL.png) 19 17 round;
-o-border-image: url(http://i.imgur.com/oi4vSoL.png) 19 17 round;
border-image: url(http://i.imgur.com/oi4vSoL.png) 19 17 round;
border-image-outset: 17px;

＆＃13;

CSS3边框图像拉伸

1 个答案: