一个简单div+css背景渐变色代码,大家参考使用吧
效果图:
复制代码代码如下: <!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%);/*Opera*/ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00FF00), color-stop(1,#FF0000)); /*Chrome*/ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FF00', endColorstr='#FF0000', GradientType='0'); /*IE*/ } </style></p>
<p></head> <body> 用CSS是div颜色渐变 </p>
<p><div class="jb_keleyi_com">从绿到红 keleyi.com</div> </body> </html>
|