HTML中只能實(shí)現(xiàn)背景背景漸變圖片不能實(shí)現(xiàn)漸變，圖片只能通過CSS濾鏡實(shí)現(xiàn)灰度，模糊，褐色，曝光，反色，色相旋轉(zhuǎn)，陰影，透明，改變飽和度，改變對(duì)比度，這些效果要真正實(shí)現(xiàn)圖片漸變，只能用Photoshop來修改圖片，然后把圖片作為HTML文件的背景。

可以用兩個(gè)取色器去分部選擇兩個(gè)顏色，然后使用css3漸變背景色去設(shè)置網(wǎng)頁(yè)背景漸變背景色可以設(shè)置線性徑向和起止顏色方向等。

需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼button width 100px height 50pxborder 0color whitebackground webkitradialf， #545c64 3瀏覽。

lt！DOCTYPE HTMLlthtml lthead ltmeta charset=quotutf8quot lttitle 讓文字顏色漸變 lttitle ltmeta name=quotKeywordsquot content=quotquot ltmeta name=quotDescriptionquot content=quotquot ltstyle type=quottextcssquot divwidth500px border1px solid #000 backgroundwebkitlineargradient。

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