代碼如下backgroundmozlineargradienttop，#15A216，#fafafa*火狐* backgroundwebkitgradientlinear， 0% 0%， 0% 100%，from#15A216， to#fafafa*谷歌* backgroundimage webkitgradient。

HTML5 Canvas漸變是一種用于填充或描邊圖形的顏色模式漸變色是由不同的顏色進行過渡，而不是單一的顏色先來看幾個canvas漸變色的例子漸變按照類型來分可以分為兩種類型線性漸變徑向漸變線性漸變以線性的模式來改變顏色。

2然后我們添加線性漸變代碼backgroundwebkitlineargradientleft，#ff5000，#ff9000norepeat，保存并刷新網(wǎng)頁后，可以看到背景色已經(jīng)是漸變色了3我們來分析下這段代碼的含義，括號中的left代表顏色是從左到有。

怎么設(shè)置網(wǎng)頁背景為漸變色1打開html開發(fā)工具，新建一個html文件在html代碼頁面創(chuàng)建一個p并給這個標簽添加一個類名linear2然后為類設(shè)置樣式在title后面創(chuàng)建一個style標簽，然后在這個標簽里面設(shè)置linear類的高漸變。

3保存html文件后，使用瀏覽器查看效果你會看到從綠色到紅色的漸變以上是html中背景顏色漸變的設(shè)置方法介紹怎么在網(wǎng)頁上添加漸變的顏色作為網(wǎng)頁背景1打開編輯器，新建一個HTML，并定義一個p，并給50px的高度2。

html中讓背景顏色漸變步驟如下1打開html開發(fā)工具，新建一個html文件2在html代碼頁面創(chuàng)建一個并給這個標簽添加一個類如linear如圖代碼3為類設(shè)置樣式在后面創(chuàng)建一個標簽，然后在這個標簽里面設(shè)置linear類。

1制作發(fā)光邊框文本框效果然后我們要讓這個input組件在被成為焦點點擊時向四周發(fā)光，顯示為藍色，我只需添加一段CSS代碼sdwfocustransitionborder linear 2s，boxshadow linear 5smoztransitionborder linear。

FILTERalphaopacity=30 finishopacity=0 style=1 progidstartcolorstr=red，endcolorstr=blue，gradientType=1不過該濾鏡只支持IE，不支持FF，而且大部分的濾鏡都只支持IE，貌似只有。

方法根據(jù)瀏覽者的分辨率自動調(diào)用樣式表 1新建兩個樣式表分別命名為1024css 800css當然有更多分辨率，可以增加樣式表2在樣式表中分別定義好圖片作為網(wǎng)頁背景3新建一個網(wǎng)頁文件，把下面代碼復(fù)制過去 lt。

網(wǎng)頁背景色漸變 情況一是用一個1像素高的，200像素寬的 細長圖片平鋪出來的比如CSS代碼 bodybackgroundrultupianjpg #FFF repeaty 情況二或者是1像素寬，200像素高的圖片平鋪出來的bodybackgroundrul。

EndColorStr #ffffff00，GradientType1 COLOR #ffffff PADDINGTOP 2px HEIGHT 20px BACKGROUNDCOLOR #ffffff 為例，startColorStr和EndColorStr后面的顏色代碼用來控制標題欄的漸變顏色，其中startColorStr就。

小喬跑步機的顏色代碼是非常多的，而且不僅有傳統(tǒng)的白色和黑色，還有很多個性化的配色和花紋，為使用者提供了更為豐富的選擇以下是小喬跑步機常見的顏色代碼一純色系列 1白色#FFFFFF 2黑色#000000 3紅色#FF。

可以設(shè)置用CSS可以定義在body內(nèi) filterprogidGradientType=0， EndColorStr=#39#000000， StartColorStr=#39#ffffff#39好人做到低 格式如下 body filterprogidDXImageTransform。

漸變的類型 0 代表豎向漸變 1 代表橫向漸變 注意這里設(shè)置背景的時候不需要給background設(shè)置，直接用filter即可，不要和其他的瀏覽器混淆 第五個參數(shù)設(shè)置了終止位置的顏色 代碼演示效果圖代碼效果。

漸變色代碼寫起來是比較麻煩的，所以一般漸變部分都是以寬度“1px”的圖片做為背景，舉例，漸變部分圖片為“bgjpg”，其余部分顏色是填充色“白色”，那你就可以在“body”上寫個style=quotbackgroundimageurlimage。

樣例代碼如下 body backgroundcolor#000 #div width500pxheight300px filteralphaopacity=100 finishopacity=50 style=1 startx=30，starty=30，finishx=100，finishy=150 progidDXImageTransform。

其實漸變的實現(xiàn)歸根結(jié)底都是css樣式來控制，所以我目前想到的有2種所有代碼直接在JS里面寫var test = documentgetelementById#39#39testtest stylebackgroundImage=#39lineargradient120deg， #， #。