text-shadow
2021-11-20 本文已影响0人
hszz
设置文本阴影，可设置多组。
- 单组阴影
<!DOCTYPE html>
<html>
<head>
<style>
h1
{
text-shadow: 0px 0px 10px #00b3ff
}
</style>
</head>
<body>
<h1>文本阴影效果！</h1>
</body>
</html>
image.png
- 多组阴影
<!DOCTYPE html>
<html>
<head>
<style>
h1
{
text-shadow: 0px 0px 10px #00b3ff,
0 0 20px #00b3ff,
0 0 40px #00b3ff,
0 0 80px #00b3ff,
0 0 120px #00b3ff
}
</style>
</head>
<body>
<h1>文本阴影效果！</h1>
</body>
</html>
image.png
