CSS four kinds of code settings for background gradient of web pages

This article mainly introduces the CSS implementation of the Web page background gradient of four kinds of code settings, has a certain reference value, now share to everyone, the need for friends can refer to

first, from the top down gradient

body{FILTER:progid:DXImageTransform.Microsoft.Gradient (gradienttype=0,startcolorstr= #ffffff, endcolorstr=# 000000); }

second, from top left to lower right gradient

body{Filter:alpha (style=1,opacity=25,finishopacity=100, startx=50,finishx= 100,starty=50,finishy=100); Background-color:skyblue; }

third, from left to right gradient

body{FILTER:progid:DXImageTransform.Microsoft.Gradient (gradienttype=1,startcolorstr= #ffffff, endcolorstr=# 000000); }

four, from the top down gradient

Style= "Filter:progid:DXImageTransform.microsoft.gradient (gradienttype=0,startcolorstr=blue,endcolorstr=white);"

Examples include:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> 
The above is the whole content of this article, I hope that everyone's learning has helped, more relevant content please pay attention to topic.alibabacloud.com!