暂无 |

文本阴影属性text-shadow

text-shadow文本阴影属性将阴影添加到文本中。

它有四个值:第一个值定义X(水平)方向上阴影的距离,第二个值设置Y(垂直)方向上的距离,第三个值定义阴影的模糊,第四个值设置颜色。

html

<h1>文字阴影案例 </h1>

css

h1 {
   color: blue;
   font-size: 30pt;
   text-shadow: 5px 2px 4px grey;
}

在上面的示例中,我们使用以下参数创建了一个阴影:

5px–x坐标
2px–y坐标
4px–模糊半径
grey–阴影的颜色

结果:

文字阴影案例

要向文本添加多个阴影,请添加一个以逗号分隔的阴影列表。

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论