在css中text-shadow屬性如何設(shè)置

在css中text-shadow屬性如何設(shè)置？很多人都不太了解，今天小編為了讓大家更加了解在css中text-shadow屬性，所以給大家總結(jié)了以下內(nèi)容，一起往下看吧。

為浮梁等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及浮梁網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都做網(wǎng)站、成都網(wǎng)站設(shè)計、浮梁網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

css text-shadow屬性用于向文本添加一個或多個陰影；陰影列表需使用逗號分隔，每個陰影有兩個或三個長度值和一個可選的顏色值進行規(guī)定，省略的長度值為 0。

css text-shadow屬性怎么用？

text-shadow 屬性向文本設(shè)置陰影。

語法：

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

屬性值：

●　h-shadow：必需。水平陰影的位置。允許負值。

●　v-shadow：必需。垂直陰影的位置。允許負值。

●　blur可選。模糊的距離。

●　color可選。陰影的顏色。

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

css text-shadow屬性示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
h3
{
text-shadow: 5px 5px 5px #FF0000;
}
</style>
</head>
<body>
<h3>文本陰影效果！</h3>
</body>
</html>

效果圖：

在css中text-shadow屬性如何設(shè)置

以上就是在css中text-shadow屬性如何設(shè)置的詳細內(nèi)容了，看完之后是否有所收獲呢？如果想了解更多相關(guān)內(nèi)容，歡迎來創(chuàng)新互聯(lián)行業(yè)資訊！

當前名稱：在css中text-shadow屬性如何設(shè)置
URL分享：http://bm7419.com/article16/jdgjdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計公司、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、微信小程序、電子商務(wù)、品牌網(wǎng)站建設(shè)

聲明：本網(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)

猜你還喜歡下面的內(nèi)容