1、1打開html開發(fā)工具，創(chuàng)建一個(gè)新的html文件并創(chuàng)建一個(gè) 2然后為該類設(shè)置樣式在標(biāo)題后創(chuàng)建一個(gè)樣式標(biāo)簽，然后在這個(gè)標(biāo)簽中設(shè)置線性類的樣式這里的第一個(gè)參數(shù)是設(shè)置線性漸變的方向，最后兩個(gè)參數(shù)是開始顏色和結(jié)束顏色設(shè)。

2、1HTML實(shí)現(xiàn)漸變 lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle week width 600pxheight 600pxbackground lineargradientred， yellow， blueborderradius 300px。

3、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背景屬性，如圖。

4、例如indexhtml2在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼divwidth200pxheight150pxbackgroundlineargradientred，white 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)td中的div的背景顏色從紅色到白色漸變。

5、CSS3 漸變gradients可以讓你在兩個(gè)或多個(gè)指定的顏色之間顯示平穩(wěn)的過渡以前，你必須使用圖像來(lái)實(shí)現(xiàn)這些效果但是，通過使用 CSS3 漸變gradients，你可以減少下載的時(shí)間和寬帶的使用此外，漸變效果的元素在放大時(shí)看。

6、第一種就是最常用的插入背景圖片做個(gè)漸變圖就可以了 第二種就是在ltbody內(nèi) 加入 style=quotfilterprogidstartColorStr=#39#7CBE42#39， endColorStr=#39#84C34A#39， gradientType=#390#39quot。

7、lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml lthead ltmeta。

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

9、3保存好html文件后使用瀏覽器查看效果就會(huì)看到一個(gè)綠色到紅色的漸變了以上就是html中讓背景顏色漸變的設(shè)置方法介紹html如何給文字加有漸變邊框1首先我們打開開發(fā)工具，我們新建一個(gè)HTML文檔2其次我們輸入HTML。

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

11、動(dòng)態(tài)漸變 ltspan style=quotfontsize12pxquotlthtmlltbodyltcenterltdiv id=quotfadequot style=quotwidth600pxheight200pxquotltdivltcenterltbodylthtmlltspan 為了方便查看，使用內(nèi)嵌樣式，還是推薦使用外鏈。

12、lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle type=quottextcssquot demo width200pxheight10pxbackgroundwebkitlineargradientleft， rgb80，80，255，02 ， #fff。

13、利用css3可實(shí)現(xiàn)背景顏色漸變一線性漸變1線性漸變?cè)?Mozilla 下的應(yīng)用 語(yǔ)法mozlineargradient ltpoint ltangle，？ ltstop， ltstop ， ltstop* 2線性漸變?cè)?Webkit 下的應(yīng)用 語(yǔ)法webkit。

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

15、lt！DOCTYPE HTMLlthtml lthead ltmeta charset=quotutf8quot lttitle 讓文字顏色漸變 lttitle ltmeta name=quotKeywordsquot content=quotquot ltmeta name=quotDescriptionquot content=quotquot ltstyle type=quottextcssquot div。

16、一般來(lái)說，網(wǎng)頁(yè)的背景色應(yīng)該柔和一些素一些淡一些，再配上深色的文字，使人看起來(lái)自然舒暢對(duì)于做網(wǎng)頁(yè)的初學(xué)者可能更習(xí)慣于使用一些漂亮的圖片作為自己網(wǎng)頁(yè)的背景，但是，瀏覽一下大型的商業(yè)網(wǎng)站，你會(huì)發(fā)現(xiàn)他們更多運(yùn)用的是白色藍(lán)色黃。

17、很簡(jiǎn)單，css里設(shè)置body背景為漸變，漸變方向從左到右，兩種顏色漸變，漸變比為50%，把右邊的顏色設(shè)置為透明或白色即可。

18、一款顏色清新的漸變色配色網(wǎng)站，漸變配色都是舒適清新的偏向，標(biāo)注了漸變排布和顏色信息，還可以放大看整個(gè)網(wǎng)頁(yè)的填充效果 Gradient 和上一個(gè)網(wǎng)站一樣，提供漸變色搭配以及顏色信息，但這個(gè)網(wǎng)站的漸變顏色支持更換，你可以自己選擇新的顏色查看整體。