与纯css的边界图像

Question

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

此图像有一个曲线边框。我必须设计这个曲线边框与纯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更圆的边框（需要css3pie对于旧版本的IE）。然后你可以只应用你需要的颜色。

我不确定是否可以称之为解决方案。更实用的方法是使用border-image，但这与浏览器兼容性有更多问题。