<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css text-shadow</title>
<style>
/*https://www.w3school.com.cn/cssref/pr_text-shadow.asp
知识点：
text-shadow属性 设置文本阴影。
text-shadow: h-shadow v-shadow blur color;
注释：
text-shadow 属性向文本添加一个或多个阴影。
该属性是逗号分隔的阴影列表，每个阴影有两个或三个长度值和一个可选的颜色值进行规定。
省略的长度是 0。
值 描述
h-shadow 必需。水平阴影的位置。允许负值。
v-shadow 必需。垂直阴影的位置。允许负值。
blur 可选。模糊的距离。
color 可选。阴影的颜色。参阅 CSS 颜色值。*/
#a {
text-shadow: 2px 2px 8px #FF0000;
}
#b {
color: white;
text-shadow: 2px 2px 4px #000000;
}
#c {
text-shadow: 0 0 3px #FF0000;
}
</style>
</head>
<body>
<h1 id="a">模糊效果的文本阴影！</h1>
<h1 id="b">白色文本的阴影效果！</h1>
<h1 id="c">霓虹灯效果的文本阴影！</h1>
</body>
</html>
CSS文本阴影技巧
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
