div+css背景渐变色代码

最新推荐文章于 2024-07-25 22:03:21 发布

weixin_30405421

最新推荐文章于 2024-07-25 22:03:21 发布

阅读量73

点赞数

原文链接：http://www.cnblogs.com/w-xiaojia/p/7086994.html

版权

.div{ 
height: 100px; 
width:300px; 
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颜色渐变：
<div class="div"></div>

另外多浏览器兼容代码：

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

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

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

转载于:https://www.cnblogs.com/w-xiaojia/p/7086994.html