css中可以使用text-shadow屬性給字體添加陰影效果，text-shadow是CSS樣式屬性單詞，是設(shè)置對象中文本的文字字體是否有陰影及模糊效果的CSS樣式。

text-shadow屬性的語法：

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

參數(shù)：

h-shadow： 設(shè)置水平陰影的位置(x軸方向)，必需要設(shè)置的參數(shù)；允許負(fù)值。

v-shadow ： 設(shè)置垂直陰影的位置(y軸方向)，必需要設(shè)置的參數(shù)，允許負(fù)值。

blur： 陰影模糊的距離(半徑大小)，可選擇設(shè)置的參數(shù)。

color ： 陰影的顏色，可選擇設(shè)置的參數(shù)。

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

示例：

2017年中期報告

.text .caption h3{

text-shadow: 2px 2px 2px grey;

}

效果如下：

更多相關(guān)知識請關(guān)注web前端課程

總結(jié)

以上是生活随笔為你收集整理的html如何给文字添加阴影效果,css中怎么给字体添加阴影效果的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。