纯CSS实现渐变色

来源：互联网发布：软件著作权申请流程图编辑：程序博客网时间：2024/05/24 07:39

<html>        <head>        <title>            【荐】纯CSS打造的背景渐变色        </title>        <style type="text/css">            .test {        width:560px;        height:400px;        background-color:#FFFFFF;        padding:10px 8px 6px;        border: 1px solid #000;        margin-bottom:10px;        FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=#f6f6f8);       /*IE6*/       background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);       /*非IE6的其它*/       background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#b8c4cb), to(#f6f6f8));       /*非IE6的其它*/                 }        </style>    </head>        <body>        <div class="test">            用CSS生成的渐变色。        </div>        <br />        <p>            <a href="http://blog.csdn.net/awei922">                网站            </a>         </p>    </body></html>

0 0