css文字的陰影效果怎么設置?用text-shadow屬性


css文字的陰影效果怎么設置?用text-shadow屬性,用英文小寫符號:連接text-shadow屬性的值即可,寫法如下:

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

這里面有四個值,當你需要修改文字的陰影效果的時候,只需要修改這四個值h-shadow v-shadow blur color即可,text-shadow屬性的值具體如下:

描述
h-shadow 必需。水平陰影的位置。允許負值。
v-shadow 必需。垂直陰影的位置。允許負值。
blur 可選。模糊的距離。
color 可選。陰影的顏色。

為了給網友們展示text-shadow屬性不同的值在文字的陰影效果中的對比效果,范如樂單獨設置了3個樣式,每個樣式應用到一個p標簽中,效果如圖:

text-shadow屬性不同的值在文字的陰影效果中的對比效果圖示

學會了用css調整字體的陰影效果后,下一節,我們學習用css給文本添加縮進,詳情點擊:《css中文本段落縮進怎么設置?用text-indent屬性》。

轉載時需注明來源!首發:如樂建站之家;原文鏈接:
http://www.lmaocr.com/css/8029.html
如樂建站之家創始人——范如樂:

如樂建站之家創始人范如樂  聯系Q Q:349142701
  聯系微信:349142701
  聯系電話:13189611692

【如樂建站之家】由范如樂于2013年創建至今,立志于解決新手不會快速自己建網站的痛苦,讓你也能零基礎快速學會自己建網站!詳細教程點擊下圖:




熱門文章: