透過CSS樣式實現的html背景色漸層效果 _HTML/Xhtml_網頁製作

效果截圖：
 
實現代碼：

複製代碼

代碼如下：

標題>

.線性{
寬度：100%；
高度：600px;
過濾器：progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=##15A216,endColorStr=#fafafa); /*IE*/
背景:-moz-linearar -gradient(top,#15A216,#fafafa);/*火狐*/
背景:-webkit-gradient(線性, 0% 0%, 0% 100%,from(#15A216), to(#fafafa) );/*Google*/
background-image: -webkit-gradient(線性,左下,左上,color-start(0, #15A216) ,color-stop(1, #fafafa));/* Safari 和Chrome*/
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15A216', endColorstr='#fafafa') ; /*IE6 & IE7*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15A216', endColorstr='#fafafa')"; /* IE8 */
}

頭>

身體>