纯CSS实现渐变色

最新推荐文章于 2024-08-15 10:56:48 发布

前端大刘

最新推荐文章于 2024-08-15 10:56:48 发布

阅读量1.4k

点赞数 1

分类专栏： html/css 文章标签： css filter 渐变色

本文链接：https://blog.csdn.net/window_10/article/details/17538837

版权

html/css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<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>