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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。