纯CSS的边框图像

Question

这是我必须转换为HTML的psd。我必须用纯CSS来做。

此图像具有弯曲的border.I必须设计纯CSS没有像这个弯曲的边界。有没有解决方案来做到这一点？

Answer 1

请使用Border-image属性。请参阅位置。

http://www.css3.info/preview/border-image/

Answer 2

我并不确切地知道你想要什么，但如果你可以使用CSS3，看看这个链接：

http://w3schools.com/css3/css3_borders.asp（CSS3 Rounded Corners）

否则，检查出一个的在下面的链接的选项：

http://w3schools.com/css/css_border.asp（Border Style）

Answer 3

我能想到的唯一一点就是纯粹的 CSS，它是一种丑陋的黑客攻击，如为每个陷印/牙齿创建一个div，并给它CSS3圆形边框（对于较早版本的IE，需要css3pie）。然后你可以使用你需要的颜色。

我不确定是否可以称此为解决方案。更实际的方法是使用边界图像，但是这对浏览器兼容性有更多问题。