用css实现网页背景渐变
2013-05-07 15:24
861 查看
用css实现网页背景渐变的代码如下:
一、从上往下渐变
Example Source Code:
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
二、从左上至右下渐变
Example Source Code:
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue;
}
三、从左往右渐变
Example Source Code:
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}
四、从上往下渐变
Example Source Code:
style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"
一、从上往下渐变
Example Source Code:
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
二、从左上至右下渐变
Example Source Code:
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue;
}
三、从左往右渐变
Example Source Code:
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}
四、从上往下渐变
Example Source Code:
style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"
相关文章推荐
- 用css实现网页背景渐变的代码
- 用css实现网页背景渐变
- CSS实现网页背景渐变
- 用css实现网页背景渐变的代码
- CSS实现网页背景渐变
- CSS实现网页背景颜色渐变的效果。
- 用css实现网页背景渐变的代码
- 用网页技术CSS实现网页背景渐变的四种代码设置
- CSS实现网页背景渐变
- CSS实现网页背景颜色渐变效果的代码
- 用网页技术CSS实现网页背景渐变的四种代码设置
- CSS实现网页背景颜色渐变的效果(火狐浏览器,IE,)
- 网页设计CSS实现网页背景渐变
- css实现网页背景渐变
- CSS 网页背景渐变实现代码
- CSS实现兼容性的渐变背景(gradient)效果
- CSS实现表格的背景两色渐变
- linear-gradiend CSS实现网页背景条纹效果
- 利用css实现div背景颜色动态渐变
- css 网页背景图片 怎样用CSS实现大背景网页效果