文字陰影在很多設(shè)計中都有應(yīng)用，在過去我們只能通過圖片來實現(xiàn)在Web上顯示文字陰影，但是這樣做對不太利于SEO，所以在CSS3中，text-shadow又恢復(fù)了其屬性（text-shadow屬性是CSS3中定義的，在CSS2.1中刪除了）。
text-shadow：
此屬性有4個值，前兩個值分別表示水平方向位移距離和垂直方向的位移距離，第三個值表示陰影的模糊半徑（包含0及以下的值均表示無模糊），最后一個則是陰影的顏色，為了更方便大家理解次屬性的這四個值，W3Cfuns特意為大家做了下圖，雖比較簡單，但是能夠很清楚的理解這四個值。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312">
<title>CSS3教程:網(wǎng)頁文字陰影屬性text-shadow-網(wǎng)頁教學(xué)網(wǎng).com</title>
<style type="text/css">
*{margin:0; padding:0;}
body{font-size:14px; color:#333; font-family:"Microsoft Yahei";}
h2,p{text-shadow:-5px 5px 5px #dfdfdf;}
</style>
</head>
<body>
<h2>網(wǎng)頁教學(xué)網(wǎng).com！</h2>
<p>網(wǎng)頁教學(xué)網(wǎng)提供最新的網(wǎng)頁制作、網(wǎng)頁設(shè)計、網(wǎng)頁特效，為個人網(wǎng)站提供網(wǎng)頁素材模板和網(wǎng)頁視頻學(xué)習(xí)！</p>
</body>
</html>
新聞熱點(diǎn)
疑難解答
