导读:div+css背景渐变色代码,给大家分享一下。
div+css背景渐变色代码,给大家分享一下。
复制代码代码如下:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <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>
-
- </head>
- <body>
- 用CSS是div颜色渐变,<a href="http://keleyi.com/a/bjac/cp4alo5k.htm" target="_blank">原文</a>:<br />
-
- <div class="jb_keleyi_com">从绿到红<br /><br />keleyi.com</div>
- </body>
- </html>