美文网首页
text-shadow

text-shadow

作者: hszz | 来源:发表于2021-11-20 18:07 被阅读0次

https://www.w3school.com.cn/cssref/pr_text-shadow.asp

设置文本阴影,可设置多组。
  • 单组阴影
<!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

相关文章

网友评论

      本文标题:text-shadow

      本文链接:https://www.haomeiwen.com/subject/ohlutrtx.html