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

可以用兩個取色器去分部選擇兩個顏色，然后使用css3漸變背景色去設(shè)置網(wǎng)頁背景漸變背景色可以設(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ā)工具，新建一個html文件2在html代碼頁面創(chuàng)建一個ltdiv并給這個標(biāo)簽添加一個類如linear如圖代碼ltdiv class=quotlinearquotltdiv3為類設(shè)置樣式在lttitle后面創(chuàng)建一個ltstyle標(biāo)簽，然后在這個標(biāo)簽里面設(shè)置linear類的高漸變lineargradient。