CSS 基础学习-092 css 使用text-shadow 属性为文本添加阴影效果

由 hrs, 12 十月, 2021

text-shadow 属性为文本添加阴影效果

实例代码：

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <style>
      h3{
        font-size:35px;
      }
      h3.h1{
        text-shadow:2px 2px;
      }
      h3.h2{
        text-shadow:2px 2px red;
      }
      h3.h3{
        text-shadow:2px 2px 5px red;
      }

    </style>
  </head>
  <body>
    <h1>text-shadow 设置文本阴影效果</h1>
    <h3 class="h1">阴影效果－</h3>
    <h3 class="h2">阴影效果二</h3>
    <h3 class="h3">阴影效果三</h3>
  </body>
</html>
~

运行效果：

css-092.png

标签

评论