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

2在html代碼頁(yè)面創(chuàng)建一個(gè)ltdiv并給這個(gè)標(biāo)簽添加一個(gè)類(lèi)如linear如圖代碼ltdiv class=quotlinearquotltdiv3為類(lèi)設(shè)置樣式在lttitle后面創(chuàng)建一個(gè)ltstyle標(biāo)簽，然后在這個(gè)標(biāo)簽里面設(shè)置linear類(lèi)的高漸變lineargr；一方法一借助maskimage屬性如果您手頭上的瀏覽器是Chrome或是Safari，則您可以在demo頁(yè)面中看到類(lèi)似下面的效果相應(yīng)的HTML代碼如下codeh2 class=quottextgradientquot datatext=quot天賜美妞quot天賜美妞h2codebutton；用input頁(yè)面標(biāo)簽 并將下Border設(shè)為直線(xiàn) 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顏色由每個(gè)代碼決定在計(jì)算機(jī)的Web瀏覽器中訪(fǎng)問(wèn)colornameshtml，就能查看所有顏色的代碼，并且在“HEX”部分中選擇要使用的基色使用Notepad++或Notepad打開(kāi)HTML；2在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼divwidth200pxheight150pxbackgroundlineargradientred，white 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)td中的div的背景顏色從紅色到白色漸變。

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