一、text-shadow介绍
text-shadow属性：在CSS中可以用text-shadow属性给页面上的文字添加阴影效果,可以通过对text-shadow属性设置相关的属性值，来实现一些需要的字体阴影效果,减少了图片的使用。
1）位移距离：text-shadow所使用的参数中，前两个参数是阴影离开文字的横方向和纵方向的位移距离，使用的时候必须指定这两个参数；
2）阴影的模糊半径：text-shadow属性的第三个参数就是阴影模糊半径，代表阴影向外模糊时的模糊范围；
3）阴影的颜色：text-shadow属性的第四个参数就是绘制阴影时所使用的颜色，可以放在三个参数之前，也可以放在三个参数之后。当没有指定颜色值的时候，会使用文本的color颜色值。
二、方法使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
span{
/*text-shadow属性的使用方法顺序:阴影水平平移,阴影垂直平移,模糊阴影半径,阴影颜色*/
text-shadow: 2px 2px 1px pink;
}
</style>
</head>
<body>
<span>你好！世界</span>
</body>
</html>
效果如下：
三、参数简介
| h-shadow | 必需，水平阴影的位置，允许负值 |
|---|---|
| v-shadow | 必须，垂直阴影的位置，允许负值 |
| blur | 可选，模糊的距离 |
| color | 可选，阴影的颜色 |
1.水平轴和垂直轴
水平轴，俗称左右
垂直轴，俗称上下
2.模糊半径 blur
设置的数值越小越清晰，越大越模糊
3.阴影颜色 color
设置各种阴影颜色
7487
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
