今天小编跟大家讲解下有关用网页技术CSS实现网页背景渐变的四种代码设置 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关用网页技术CSS实现网页背景渐变的四种代码设置 的相关资料，希望小伙伴们看了有所帮助。
一、从上往下渐变 复制代码代码如下: body{ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000); } 二、从左上至右下渐变 复制代码代码如下: body{ FILTER: Alpha( style=1,opacity=25,finishOpacity=100, startX=50,finishX= 100,startY=50,finishY=100); background-color: skyblue; } 三、从左往右渐变 复制代码代码如下: body{ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000); } 四、从上往下渐变 复制代码代码如下: style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"举例如： 复制代码代码如下: <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"content="text/html; charset=gb2312"/> <title>背景渐变</title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } --> </style></head> <body> <table width="100%"height="100%"border="0"cellpadding="0"cellspacing="0"> <tr> <td height="600"style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"> </td> </tr> </table> </body> </html>来源：爱蒂网
