内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

css3怎么添加文字陰影效果及如何在text-shadow中添加

css3怎么添加文字陰影效果及如何在text-shadow中添加?針對這個問題,這篇文章詳細介紹了相對應(yīng)的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

創(chuàng)新互聯(lián)建站是一家朝氣蓬勃的網(wǎng)站建設(shè)公司。公司專注于為企業(yè)提供信息化建設(shè)解決方案。從事網(wǎng)站開發(fā),網(wǎng)站制作,網(wǎng)站設(shè)計,網(wǎng)站模板,微信公眾號開發(fā),軟件開發(fā),小程序設(shè)計,10多年建站對航空箱等多個行業(yè),擁有多年的營銷推廣經(jīng)驗。

其實在css3中有一個很實用的屬性可以給字體文字添加陰影效果,那就是css3 text-shadow屬性。

那么,我們先來詳細的看一看text-shadow屬性:

text-shadow是CSS樣式屬性單詞,是設(shè)置對象中文本的文字字體是否有陰影及模糊效果的CSS樣式。

text-shadow屬性:在CSS3中可以用text-shadow屬性給頁面上的文字添加陰影效果, 可以通過對text-shadow屬性設(shè)置相關(guān)的屬性值,來實現(xiàn)一些需要的字體陰影效果,減少了圖片的使用。

text-shadow屬性的語法:

text-shadow: h-shadow v-shadow blur color;

可以看出text-shadow屬性可以設(shè)置4個參數(shù),每個參數(shù)用空格隔開,下面我們來介紹一下這四個參數(shù):

h-shadow:    設(shè)置水平陰影的位置(x軸方向),必需要設(shè)置的參數(shù);允許負值。
v-shadow :   設(shè)置垂直陰影的位置(y軸方向),必需要設(shè)置的參數(shù),允許負值。
blur:    陰影模糊的距離(半徑大?。?,可選擇設(shè)置的參數(shù)。
color :   陰影的顏色,可選擇設(shè)置的參數(shù)。

注釋:text-shadow 屬性可以向文本添加一個或多個陰影。該屬性是逗號分隔的陰影列表,每個陰影有兩個或三個長度值和一個可選的顏色值進行規(guī)定。省略的長度是 0。

下面我們來看一個css3設(shè)置字體文字陰影的小例子,來具體的感知一下text-shadow屬性的用法:

<h2>我是一段測試文字</h2>
h2{
   color:powderblue; /*設(shè)置文字顏色*/
   text-shadow: 2px 3px 1px pink;/*添加字體文字的陰影*/
}

效果圖:

css3怎么添加文字陰影效果及如何在text-shadow中添加

我們再來看看如果不設(shè)置css3文字陰影效果會是怎樣的:

css3怎么添加文字陰影效果及如何在text-shadow中添加

說明:

1、陰影的水平偏移量(h-shadow):可以取正值也可以取負值,如果值為正值,則陰影在對象的右邊,反之其值為負值時,陰影在對象的左邊。

2、陰影的垂直偏移量(v-shadow ):可以取正值也可以取負值,如果為正值,陰影在對象的底部,反之其值為負值時,陰影在對象的頂部。

3、陰影的模糊半徑:只能設(shè)置為正值。如果值越大,陰影越模糊,反之陰影越清晰。如果其值為0時,表示陰影不具有模糊效果。

4、陰影的顏色:當(dāng)沒有指定顏色值的時候,瀏覽器會取默認色,但各瀏覽器默認色不一樣,特別是在webkit內(nèi)核下的safari和chrome瀏覽器將無色,也就是透明,建議不要省略此參數(shù)。

說到瀏覽器的默認色不一樣,我們來看看text-shadow屬性在各個瀏覽器中是否支持

瀏覽器的支持:

css3怎么添加文字陰影效果及如何在text-shadow中添加

所有主流瀏覽器都支持 text-shadow 屬性。

注:Internet Explorer 9 以及更早版本的瀏覽器不支持 text-shadow 屬性。

關(guān)于css3怎么添加文字陰影效果及如何在text-shadow中添加問題的解答就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識。

標題名稱:css3怎么添加文字陰影效果及如何在text-shadow中添加
分享路徑:http://www.rwnh.cn/article16/psgsdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供動態(tài)網(wǎng)站、微信公眾號、網(wǎng)站建設(shè)、App設(shè)計、網(wǎng)站導(dǎo)航、電子商務(wù)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)
密山市| 文昌市| 明溪县| 和林格尔县| 广东省| 柯坪县| 南部县| 剑河县| 余庆县| 花莲县| 洛浦县| 申扎县| 盱眙县| 吉林市| 同德县| 漳州市| 阿克苏市| 济宁市| 固安县| 马龙县| 内江市| 大方县| 马龙县| 资阳市| 河西区| 屏山县| 类乌齐县| 曲阜市| 连南| 辛集市| 玉环县| 施甸县| 舞阳县| 万州区| 肃南| 遂平县| 和田市| 包头市| 怀宁县| 托里县| 潢川县|