css中，如何做出这种渐变

2025-05-23 19:33:19

推荐回答（4个）

回答1：

html5可以做到，但是浏览器支持不一样，目前不建议使用

background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #8fb100), color-stop(1, #8fb133));

类似这种写法

回答2：

CSS3中有办法写出来的，但是兼容性有问题，
建议还是写成一条线，用背景图片来做，价格repeat-x

回答3：

或许css3可以做，不过我一般是截成（XX px）*（1 px）的矩形长条在背景中使用重复属性已达到上述图示效果

回答4：

不能做出来！只能放背景图！