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

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

WBOY
發布: 2016-05-16 16:38:31
原創
1780 人瀏覽過

效果截圖:
 
實現代碼:

複製代碼
代碼如下:




標題>

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

頭>


身體>

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板