zoukankan      html  css  js  c++  java
  • div+css背景渐变色代码示例

    用CSS使DIV背景颜色渐变,适用于IE和Chrome等浏览器。

    代码如下:

     <style type="text/css">
    .jbkeleyi{
    height: 300px;
    100px;
    margin:0px auto;
    background-image: -moz-linear-gradient(top, #F00, #000);
    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>
    </head>
    <body>
    用CSS是div颜色渐变:<br />
    <div class="jbkeleyi">从绿到红<br /><br />keleyi.com</div>

    效果图:

    另外多浏览器兼容代码:

    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=#f6f6f8);    /*IE*/

    background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/*火狐*/

    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#b8c4cb), to(#f6f6f8));/*谷歌*/

  • 相关阅读:
    本周总结
    本周总结
    第四周自我总结
    结对编程
    第四周自我总结
    第三周自我总结
    本周工作安排及内容
    知识思考
    交作业。。。
    MSF过程模型
  • 原文地址:https://www.cnblogs.com/momox/p/5091008.html
Copyright © 2011-2022 走看看