CSS text-shadow用法及代碼示例

CSS中的text-shadow屬性用於向文本添加陰影。此屬性接受以逗號分隔的陰影列表的列表，該列表將應用於文本。 text-shadow屬性的默認值為none。
用法:

text-shadow:h-shadow v-shadow blur-radius color|none|initial|
inherit;

屬性值：

h-shadow：它指定水平陰影的位置
v-shadow：它指定垂直陰影的位置
blur-radius：用於設置模糊半徑。默認值為無。
color:用於設置陰影的顏色
initial:用於將text-shadow設置為其默認值。
inherit:此屬性是從其父級繼承的。

例：

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
       CSS | text-shadow Property 
     </ttile> 
    <style> 
    h1 { 
        text-shadow:5px 5px 8px #00FF00; 
    } 
    </style> 
</head> 
  
<body> 
    <h1> 
        GeeksforGeeks 
    </h1> 
</body> 
</html>

輸出：

支持的瀏覽器：border-bottom-color屬性支持的瀏覽器如下：

穀歌瀏覽器4.0
Internet Explorer 10.0
Firefox 3.5
Opera 9.6
Safari 4.0

相關用法

注：本文由純淨天空篩選整理自chaitanyashah707大神的英文原創作品 CSS | text-shadow Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。