您好,登錄后才能下訂單哦!
CSS3 文本
在Web頁面或者Web應(yīng)用程序中設(shè)置文本樣式是CSS最基本的要求, 早期的CSS文本功能就是給Web頁面設(shè)置文本的字體、字號、顏色、樣式、粗細(xì)、間距等。 隨著CSS3的出現(xiàn),文本功能不僅僅局限于這些基本的運(yùn)用,它給文本功能添加了一些高級的屬性設(shè)置, 如文本陰影屬性text-shadow、文本自動換行屬性word- break、 長單詞與URL地址自動換行屬性word-wrap和文本溢出屬性text-overflow等,在 CSS文本功能上主要分為三大類: 字體、 顏色和文本,text-shadow 屬性一共包含4個屬性參數(shù), 每個屬性參數(shù)都具有自己的作用。
-color:陰影顏色,定義繪制陰影時所使用的顏色,這個參數(shù)可以放在第一也可以放在最后,是一個可選參數(shù),如果沒有顯式設(shè)置陰影顏色,會使用文本的顏色作為陰影顏色。 陰影顏色可以是顏色關(guān)鍵詞、十六進(jìn)制顏色、RGB顏色、RGBA透明色等。
-x-offset: X軸位移, 用來指定陰影水平位移量,其值可以是正負(fù)值,如果為正值,陰影在對象的右邊,反之陰影在對象的左邊。
-y-offset: Y軸位移, 用來指定陰影垂直方向偏移量,其值可以是正負(fù)值,如果為正值,陰影在對象的底部,反之陰影在對象的頂部。
-blur-radius: 陰影模糊半徑,可選參數(shù),用來設(shè)置陰影的模糊半徑,代表陰影向外模糊的模糊范圍。這個值越大,陰影向外模糊的范圍越大,陰影的邊緣就越 模糊。不過這個值只能是正值,其值為0時,表示陰影不具有模糊效果。
可以使用text-shadow屬性來給文本指定多個陰影, 并且針對每個陰影使用不同顏色。 指定多個陰影時使用逗號將多個陰影進(jìn)行分隔。 text- shadow 多陰影效果按照給定的順序應(yīng)用, 因此前面的陰影有可能會覆蓋后面的, 但是它們永遠(yuǎn)會覆蓋文本本身。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。