CSS设置字体阴影
在css3中，可以使用text-shadow属性来设置字体阴影。
在CSS3中使用text-shadow属性可以给页面上的文字添加阴影效果, 通过对text-shadow属性设置相关的属性值，可以实现一些需要的字体阴影效果,减少了图片的使用。
下面通过一个示例来看看text-shadow属性是怎么设置字体阴影的。
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<style type="text/css">
h1{
color:powderblue; /*设置文字颜色*/
text-shadow: 2px 3px 1px pink;/*添加字体文字的阴影*/
}
</style>
</head>
<body>
<h1>我是一段测试文字</h1>
</body>
</html>效果图：
说明：
text-shadow 属性应用于阴影文本。
语法：
text-shadow: X-offset(X轴偏移量) Y-offset(Y轴偏移量) Blur(模糊半径) Color(颜色);
可以看出text-shadow属性可以设置4个参数，每个参数用空格隔开，下面我们来介绍一下这四个参数：
X-offset： 设置水平阴影的位置（x轴方向），必需要设置的参数；允许负值。
Y-offset： 设置垂直阴影的位置（y轴方向），必需要设置的参数，允许负值。
blur： 阴影模糊的距离（半径大小），可选择设置的参数。
color ： 阴影的颜色，可选择设置的参数。
注释：text-shadow 属性可以向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表，每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是 0。
更多web前端知识，请查阅 HTML中文网 ！！
以上就是在CSS中字体阴影怎么设置？的详细内容，更多请关注易知道|edz.cc其它相关文章！
