1. 程式人生 > >CSS 2 文本④

CSS 2 文本④

文本 none .com 9.png under 17. png 一個 設計

技術分享圖片

設計師經常喜歡幫文字設置一些好看的效果 比如陰影

  text - shadow

  text - shadow : none | [ < length> {2,3} && <color>?] #

  解析:

  none : 不做陰影 默認值是none

  [ < length> {2,3} && <color>?] # : 或者兩到三個 length 值 再加上顏色color 其中顏色這個值是可選的 這裏有# 號 說明可以加上多個shadow

  技術分享圖片

  第一個值 1px是x軸的偏移方向

  第二個值 2px是y軸的偏移方向

  並且它的陰影是 #foo這個樣子的

  技術分享圖片

  這裏的第三個 px 是陰影的模糊半徑

  技術分享圖片

  根據語法 這個color是可以不寫的 它不寫的時候 這個陰影的顏色就是這個文字的顏色

  

  技術分享圖片

設置陰影

    text - decoration

    text - decoration : none | [ underline || overline || line-through ]

    none : 不加下劃線

    underline :下劃線

    overline : 上劃線

    line - through : 在文字的中間劃一條線

    

    技術分享圖片

   

CSS 2 文本④