文本陰影text-shadow

text-shadow可以用來設置文本的陰影效果。

語法:

text-shadow:X-Offset Y-Offset blur color;

X-Offset:表示陰影的水平偏移距離,其值為正值時陰影向右偏移,反之向左偏移;

Y-Offset:是指陰影的垂直偏移距離,如果其值是正值時,陰影向下偏移,反之向上偏移;

Blur:是指陰影的模糊程度,其值不能是負值,如果值越大,陰影越模糊,反之陰影越清晰,如果不需要陰影模糊可以將Blur值設置為0;

Color:是指陰影的顏色,其可以使用rgba色。

比如,我們可以用下面代碼實現設置陰影效果。

text-shadow:0 1px 1px #fff

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • text-shadow是給文本添加陰影效果,box-shadow是給元素塊添加周邊陰影效果。隨著HTML5和CSS...
    arlene112閱讀 2,294評論 0 1
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    wzhiq896閱讀 1,803評論 0 2
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    love2013閱讀 2,335評論 0 11
  • 小區不遠處就是一個三本院校,時常見一些學生,三三兩兩地聚在一起吃飯,或者是三五成群地結對去乘公交,或是一對小...
    淺淺水可閱讀 650評論 1 2
  • 16年12月12日,周一,忙了一整天,接近晚上12點,突然想起雙十二的促銷馬上結束。盡管那幾天沒什么購物欲望,但我...
    安妮與朱尼爾閱讀 528評論 0 0