text-shadow屬性的使用方法

發(fā)布時間：2020-09-25 14:46:38 來源：億速云閱讀：301 作者：小新欄目：web開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)text-shadow屬性的使用方法，小編覺得挺實(shí)用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

text-shadow屬性用于為文本添加陰影效果，通過該屬性我們可以設(shè)置水平或垂直陰影的位置，模糊距離及顏色。

CSS3 text-shadow屬性

作用：向文本應(yīng)用陰影。

說明：設(shè)置或檢索對象中文本的文字是否有陰影及模糊效果。

語法：

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

h-shadow：水平陰影的位置。允許負(fù)值。

v-shadow：垂直陰影的位置。允許負(fù)值。

blur：模糊的距離，可省略。

color ：陰影的顏色，可省略。

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

CSS3 text-shadow屬性的使用示例

<!DOCTYPE html>
<html>
<head>
<style>
h2
{
text-shadow: 5px 5px 5px #FF0000;
}
</style>
</head>
<body>

<h2>文本陰影效果！</h2>

</body>
</html>

效果圖：

text-shadow屬性的使用方法

關(guān)于text-shadow屬性的使用方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

猜你喜歡