css中,如何做出这种渐变

 我来答
mraaronjin
推荐于2016-09-04 · TA获得超过126个赞
知道小有建树答主
回答量:180
采纳率:100%
帮助的人:121万
展开全部
html5可以做到,但是浏览器支持不一样,目前不建议使用

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

类似这种写法
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
秋秋
2024-11-01 广告
AI群答汇小程序,可以免费生成文案,智能问答,回答问题简单快捷,积极探索面向普通人的AI工具,向广大的普通人群提供简洁高效,即用的免费多模型人工智能(AI)问答服务.进入微信小程序即可免费使用... 点击进入详情页
本回答由秋秋提供
兰亭幽草
2013-05-30 · TA获得超过2946个赞
知道小有建树答主
回答量:1453
采纳率:46%
帮助的人:363万
展开全部
CSS3中有办法写出来的,但是兼容性有问题,
建议还是写成一条线,用 背景图片来做,价格repeat-x
追问
给条代码看看,新手不懂
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-05-30
展开全部
或许css3可以做,不过我一般是截成(XX px)*(1 px)的矩形长条在背景中使用重复属性已达到上述图示效果
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
北信介fo
2013-05-30 · 超过20用户采纳过TA的回答
知道答主
回答量:176
采纳率:66%
帮助的人:60.9万
展开全部
不能做出来! 只能放背景图!
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式