纯CSS实现边框图片

4

这是我需要转换为html的psd文件。我必须使用纯css完成。

输入图像描述

这个图像有一个弯曲的边框。我必须使用纯css设计这个弯曲的边框,而不是图片。是否有任何解决方案可以实现这一点?

3个回答

3

2

就纯 CSS 来说, 我能想到的唯一方法是使用一个丑陋的 hack ,为每个齿轮创建一个 div 并为其设置 CSS3 圆角边框(在旧版本的 IE 中需要 css3pie)。然后你只需要应用所需的颜色即可。

虽然我不确定是否可以称之为解决方案。更实际的方法是使用 border-image,但这在浏览器兼容性方面存在更多问题。


1

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接