7x24小时服务热线:131 4102 7650  在线咨询
您当前的位置:首页 > 网站常识 - 网站建设

CSS3设置背景渐变色

来源:北京建站公司 标签:CSS3渐变色圆角linear-gradient
分享到:
相信大家对CSS3了解的已经不少了,这里主要介绍怎么用css3来设置背景色。希望对前端开发的你有帮助哦~~
代码如下:

    background-color:#42c264;
    background-image:-webkit-linear-gradient(#4fec50,#42c264);
    background-image:-moz-linear-gradient(#4fec50,#42c264);
    background-image:-o-linear-gradient(#4fec50,#42c264);
    background-image:-ms-linear-gradient(#4fec50,#42c264);
    background-image:-chrome-linear-gradient(#4fec50,#42c264);
    background-image:linear-gradient(#4fec50,#42c264);

linear-gradient属性会指示浏览器从第一个颜色值开始,渐变到第二个颜色值。
background-image:linear-gradient属性使用不同前缀重复了好几次,这种写法是允许不同的浏览器厂商在发布正式版本之前,试验各自对css3新特性的实现,正式版本发布后就不用前缀了。遵循样式表的层叠特性,无前缀的代码放在最后,这样如果该特性可用,则会覆盖之前的声明。
自己动手试试就发现奇迹出现了!!你也可以做到的哦!
备注:本篇文章由加网编辑原创内容,转载请注明出处:转自加网

相关网站常识

更多