CSS 背景颜色渐变
2010-10-22 14:04
447 查看
<style type="text/css">
html,body
{
margin:0px;
width:100%;
height:100%;
}
.gradient_body {
/* Firefox 3.6 */
background-image: -moz-linear-gradient(top, #FFFFFF, #4477a1);
/* Safari & Chrome */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #4477a1),color-stop(1, #FFFFFF));
/* IE6 & IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#4477a1');
/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#4477a1')";
width:100%;
height:100%;
}
</style>
</head>
<body>
<div class="gradient_body">
</div>
</body>
html,body
{
margin:0px;
width:100%;
height:100%;
}
.gradient_body {
/* Firefox 3.6 */
background-image: -moz-linear-gradient(top, #FFFFFF, #4477a1);
/* Safari & Chrome */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #4477a1),color-stop(1, #FFFFFF));
/* IE6 & IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#4477a1');
/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#4477a1')";
width:100%;
height:100%;
}
</style>
</head>
<body>
<div class="gradient_body">
</div>
</body>
相关文章推荐
- CSS实现网页背景颜色渐变效果的代码
- CSS背景颜色渐变处理
- css实现背景颜色渐变效果
- css控制背景颜色渐变以及浏览器的兼容写法(转载别人的)
- CSS实现网页背景颜色渐变的效果。
- CSS实现DIV层背景颜色渐变
- css控制背景颜色各种渐变(转载)
- Css背景颜色渐变
- CSS设置背景颜色渐变
- CSS使DIV背景颜色渐变
- CSS实现网页背景颜色渐变的效果(火狐浏览器,IE,)
- css之box的背景颜色渐变
- CSS -- 实现DIV层背景颜色渐变 (兼容IE 火狐 谷歌浏览器)
- div背景颜色怎样渐变 css实现div层背景颜色渐变代码
- CSS控制图片、表格、背景颜色渐变示例
- 关于css背景颜色的渐变
- 用CSS实现表格背景颜色渐变效果
- CSS 设置背景颜色渐变
- CSS之解决Div背景颜色了渐变问题
- 利用css实现div背景颜色动态渐变