您的位置：首页 > Web前端 > CSS

css3背景颜色渐变

2013-07-02 14:52 369 查看

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Linear一下，你就知道</title>
<style type="text/css">
html,body{margin: 0;padding: 0; height: 100%;}
div{width: 33.3%;height: 100%; float: left;}
.div1{
background-image: -webkit-linear-gradient(top, #8fa1ff, #3757fa);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6ff00', endColorstr='#538300', GradientType='0');
}
.div2{
background-image: -webkit-linear-gradient(top,#ff4f02,#8f2c00);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6ff00', endColorstr='#538300', GradientType='0');
}
.div3{
background-image: -webkit-linear-gradient(top,#ccc,#000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6ff00', endColorstr='#538300', GradientType='0');
}
</style>
</head>
<body>
<div class=div1 ></div>
<div class=div2 ></div>
<div class=div3 ></div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航