首頁  >  文章  >  web前端  >  透過CSS實現的html背景色漸層_HTML/Xhtml_網頁製作

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

WBOY
WBOY原創
2016-05-16 16:38:311740瀏覽

效果截圖:
 
實現代碼:

複製代碼
代碼如下:




標題>

.線性{
寬度: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 */
}

頭>


身體>

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn