1、ltdiv style=quotheight50px backgroundimagelineargradientto right，red，yellow，redquotltdiv；1打開html開發(fā)工具，新建一個(gè)html文件在html代碼頁面創(chuàng)建一個(gè)p并給這個(gè)標(biāo)簽添加一個(gè)類名linear2然后為類設(shè)置樣式在title后面創(chuàng)建一個(gè)style標(biāo)簽，然后在這個(gè)標(biāo)簽里面設(shè)置linear類的高漸變lineargradient的樣式；如何設(shè)置html網(wǎng)頁的字體顏色 字體顏色是網(wǎng)頁設(shè)計(jì)中最常見的功能之一對于復(fù)雜的頁面，每個(gè)頁面都有多種字體顏色有幾種方法可以設(shè)置html的字體顏色1首先在桌面上新建一個(gè)文件夾，然后新建兩個(gè)文本文件將文本文件分別重；lthtml lthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle type=quottextcssquot demo width200pxheight10pxbackgroundwebkitlineargradientleft， rgb80，80，255，02 ， #fff * Safari 5。

2、1基本知識介紹使用外部CSS，可以將CSS代碼單獨(dú)放到CSS文件里使用html link引入CSShtml引人css，也可以在html使用ltstyle標(biāo)簽，建立CSS也可以在html標(biāo)簽內(nèi)使用style屬性設(shè)置css顏色2DIV+CSS實(shí)例演示這里實(shí)踐兩種方法來；ltdiv style=quotwidth300pxheight 75pxbackgroundurlimgbackindex_22png norepeat 0 225px opacity 02backgroundsize100%quotltdiv 思路是這樣，但看著不對勁，可能是背景顏色的問題，css漸變只能；在很多網(wǎng)頁中我們都看到當(dāng)鼠標(biāo)滑過一個(gè)內(nèi)容時(shí)，這個(gè)內(nèi)容的背景會改變顏色設(shè)置鼠標(biāo)滑過背景變色只需用到 hover 即可設(shè)置成功語法 #160divhoverbackgroundcolor red 創(chuàng)建一個(gè)新的html文件如圖 在html文件上；5在html中設(shè)置字體大小和顏色樣式6如何在html中改變字體大小和顏色1先在HTML網(wǎng)頁上寫一些測試詞2然后在網(wǎng)頁上預(yù)覽文本的初始字體效果顏色是黑色的，尺寸比較小3因?yàn)闇y試文本在body標(biāo)簽內(nèi)，我們只需要在body。

3、1啟動DW軟件，新建一個(gè)網(wǎng)頁文件，在body中添加一個(gè) 標(biāo)簽，然后給他一定CSS樣式，width300pxheight200pxbackground#ff0000我們可以看到填充了背景色為紅色2然后我們添加線性漸變代碼backgroundwebkitlinear；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在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼divwidth200pxheight150pxbackgroundlineargradientred，white 3瀏覽器運(yùn)行indexhtml頁面，此時(shí)td中的div的背景顏色從紅色到白色漸變。

4、現(xiàn)在由我來向大家介紹一下在css3中如何使用transition屬性和hover屬性實(shí)現(xiàn)div顏色漸變和放大縮小的效果css3中transition屬性transition屬性是一個(gè)簡寫屬性，用于四個(gè)過度屬性，分別是transitionproperty，transitionduration；1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼buttonwidth100pxheight50pxborder0colorwhitebackgroundwebkitradialf，#545c。

5、背景圖上加個(gè)div層 然后參考下這個(gè)吧 toLeft backgroundimagewebkitlineargradientto left，rgba255，0，0，0 0%，rgba255，0，0，08 7%，rgba255，0，0，1 11%，rgba255，0，0，1 12%，rgba255；使用漸變色background lineargradientto right左右到右，寫為bottom就是從上到下， 開始的顏色，結(jié)束的顏色。

6、2在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼button backgroundcolor #00a7d0 buttonhover backgroundcolor #ff77013當(dāng)瀏覽器運(yùn)行索引indexhtml頁面中，出現(xiàn)藍(lán)色背景顏色的按鈕4將鼠標(biāo)移到按鈕；1首先打開hbuilder軟件，新建一個(gè)html文件，里面寫入3個(gè)p標(biāo)簽，再在style標(biāo)簽中設(shè)置p標(biāo)簽的基本樣式，包括間距，字體大小等屬性2然后在style標(biāo)簽中用3種方法設(shè)置文字顏色，第一個(gè)p標(biāo)簽用16進(jìn)制設(shè)置顏色，每兩個(gè)數(shù)字為。