萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> 用CSS實現文字的陰影效果

用CSS實現文字的陰影效果

   網站制作使用一些獨特的字體效果可以增加網站的整體效果,事實上,對於文字的陰影效果,我們完全可以用CSS來實現!

  Text-shadow

  text-shadow可以讓我們實現完美的文字陰影效果。基本寫法:

  1、text-shadow:[顏色 x軸 y軸 模糊半徑],[顏色 x軸 y軸 模糊半徑]...

  2、text-shadow:[x軸 y軸 模糊半徑 顏色],[x軸 y軸 模糊半徑 顏色]...

  這裡的顏色就是陰影的顏色,你可以將顏色寫在前面,也可以寫在最後。x軸和y軸分別是其陰影的偏移位置,模糊半徑可以理解為陰影長度。而且現在大部分浏覽器都支持多層陰影,你可以用逗號分開多組設置。

copyright © 萬盛學電腦網 all rights reserved