今天小编跟大家讲解下有关css教程实现div背景色渐变色代码分享 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关css教程实现div背景色渐变色代码分享 的相关资料，希望小伙伴们看了有所帮助。
效果图：复制代码代码如下:<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"><html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"><head> <title>CSS使背景颜色渐变--柯乐义</title><style type="text/css"> .jb_keleyi_com{ height: 300px; width:100px; margin:0px auto; background-image: -moz-linear-gradient(top, #00FF00, #FF0000); background: -o-linear-gradient(top, #00FF00 0%,red 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00FF00), color-stop(1,#FF0000)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FF00', endColorstr='#FF0000', GradientType='0'); } </style></p><p></head><body>用CSS是div颜色渐变</p><p><div class="jb_keleyi_com">从绿到红keleyi.com</div> </body></html>
来源：爱蒂网
