css背景渐变:css背景渐变的技巧与方法

　　
　　用css实现网页背景渐变代码如下:

、从上往下渐变

\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example Source Code [www.52css.com]
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}


2、从左上至右下渐变

\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example Source Code [www.52css.com]
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100); 
background-color: skyblue;
}


3、从左往右渐变

\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example Source Code [www.52css.com]
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}


4、从上往下渐变

\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example Source Code [www.52css.com]
style=\"filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);\" 

延伸阅读

• 2010-12-9-- css渐变,CSS 网页文字渐变效果
• 2010-12-9-- css渐变,CSS 网页文字渐变效果
• 2010-12-9-- css渐变背景,用网页技术CSS实现网页背景渐变的四种代码设置
• 2010-12-9-- css渐变,CSS渐变文本效果的两种方法比较
• 2010-12-9-- css渐变背景,CSS 网页背景渐变实现代码
• 2010-12-9-- 柱形统计图,CSS渐变统计柱形图
• 2010-12-9-- css渐变背景,用网页技术CSS实现网页背景渐变的四种代码设置
• 2009-2-12-- css实现圆角:CSS标识当前位置页效果的实现原理
• 2008-9-25-- css实现背景渐变:实现窗体的渐变背景
• 2009-2-12-- css实现背景渐变:C++窗体渐变背景的实现方法