这是我需要转换为html的psd文件。我必须使用纯css完成。
这个图像有一个弯曲的边框。我必须使用纯css设计这个弯曲的边框,而不是图片。是否有任何解决方案可以实现这一点?
就纯 CSS 来说, 我能想到的唯一方法是使用一个丑陋的 hack ,为每个齿轮创建一个 div 并为其设置 CSS3 圆角边框(在旧版本的 IE 中需要 css3pie)。然后你只需要应用所需的颜色即可。
虽然我不确定是否可以称之为解决方案。更实际的方法是使用 border-image,但这在浏览器兼容性方面存在更多问题。
我不确定你需要什么,但如果你能使用CSS3,请查看以下链接:
http://w3schools.com/css3/css3_borders.asp(CSS3 圆角边框
)
否则,请查看以下链接中的选项: