萬盛學電腦網

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

CSS實現文字的陰影效果的技巧

我們為大家收集整理了關於CSS實現文字的陰影效果,以方便大家參考。網站制作使用一些獨特的字體效果可以增加網站的整體效果,事實上,對於文字的陰影效果,我們完全可以用CSS來實現!

Text-shadow

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

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

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

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

希望大家可以學會CSS實現文字的陰影效果.想了解更多精彩內容,請關注我們的網站!

相關推薦:

網站制作css怎麼寫呢 

copyright © 萬盛學電腦網 all rights reserved