第二種就是在ltbody內(nèi) 加入 style=quotfilterprogidstartColorStr=#39#7CBE42#39， endColorStr=#39#84C34A#39， gradientType=#390#39quot 演示 wenwenhtml；1打開html開發(fā)工具，新建一個html文件在html代碼頁面創(chuàng)建一個p并給這個標簽添加一個類名linear2然后為類設(shè)置樣式在title后面創(chuàng)建一個style標簽，然后在這個標簽里面設(shè)置linear類的高漸變lineargradient的樣式；Linear Gradients線性漸變向下向上向左向右對角方向 向下代碼僅供參考lt！DOCTYPE html lthtml lthead lttitlelttitle ltstyle type=quottextcssquot box width 300pxheight 300pxbackground；1HTML實現(xiàn)漸變 lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle week width 600pxheight 600pxbackground lineargradientred， yellow， blueborderradius 300px；以下代碼，點擊第一個按鈕，然后立即點擊第二個按鈕，第二個按鈕的事件雖然觸發(fā)了，但是執(zhí)行效果要等到第一個效果結(jié)束才執(zhí)行，所以做漸變的效果時，一定要明白執(zhí)行順序，從而確定執(zhí)行速度lthtmlltheadltscript type=quottext；我是建一個三行一例的表格，用如下代碼替換ltTD lttdlttd style=quotBORDERRIGHT #fffffff 0px solid BORDERTOP #000000 0px solid FILTER progidstartColorStr=#39#000000#39；1啟動DW軟件，新建一個網(wǎng)頁文件，在body中添加一個 標簽，然后給他一定CSS樣式，width300pxheight200pxbackground#ff0000我們可以看到填充了背景色為紅色2然后我們添加線性漸變代碼backgroundwebkitlinear。

2在html代碼頁面創(chuàng)建一個ltdiv并給這個標簽添加一個類如linear如圖代碼ltdiv class=quotlinearquotltdiv3為類設(shè)置樣式在lttitle后面創(chuàng)建一個ltstyle標簽，然后在這個標簽里面設(shè)置linear類的高漸變lineargr；一方法一借助maskimage屬性如果您手頭上的瀏覽器是Chrome或是Safari，則您可以在demo頁面中看到類似下面的效果相應(yīng)的HTML代碼如下codeh2 class=quottextgradientquot datatext=quot天賜美妞quot天賜美妞h2codebutton；用input頁面標簽 并將下Border設(shè)為直線 ltstyle inputtype=quottextquotborderbottomsolid 1px #ccc ltstyle ltinput type=quottextquot 1兩頭漸變透明ltHR style=quotFILTER alphaopacity=100，finishopacity=0，style；lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle type=quottextcssquot demo width200pxheight10pxbackgroundwebkitlineargradientleft， rgb80，80，255，02 ， #fff。

首先確定要使用的背景顏色，HTML顏色由每個代碼決定在計算機的Web瀏覽器中訪問colornameshtml，就能查看所有顏色的代碼，并且在“HEX”部分中選擇要使用的基色使用Notepad++或Notepad打開HTML；2在indexhtml中的ltstyle標簽中，輸入css代碼divwidth200pxheight150pxbackgroundlineargradientred，white 3瀏覽器運行indexhtml頁面，此時td中的div的背景顏色從紅色到白色漸變。

html中將背景顏色漸變步驟如下1先使用一個div標簽2然后在header標簽里面設(shè)置ltdiv標簽的css樣式3顏色漸變要有一個范圍，需要給div設(shè)定width和height，也就是寬度和高度4然后設(shè)定div的background背景屬性，如圖；不同瀏覽器使用的內(nèi)核不同，導(dǎo)致對漸變的代碼寫法也不同一Webkit 又稱Safari內(nèi)核，Chrome內(nèi)核原型，它是蘋果公司自己的內(nèi)核，也是蘋果的Safari瀏覽器使用的內(nèi)核360急速瀏覽器，瀏覽器搜狗瀏覽器用的是Webkit內(nèi)核盡。