文本阴影 

文本阴影
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
/*默认的颜色*/
    a{
      text-decoration: none;
      color: black;
    }
    /*鼠标悬浮的状态*/
    a:hover{
      color: lightseagreen;
      font-size: 20px;
    }
    /*文本阴影：颜色 水平偏移，垂直偏移，半径大小*/
    #price{
        text-shadow: #2700ff 10px 10px 2px;
    }
  </style>
</head>
<body>
<a href="#">
  <img src="../CSS/2.jpg" alt="">
</a>
<p>
  <a href="#">天官赐福，百无禁忌</a>
</p>
<p>
  <a href="">魔道师祖</a>
</p>
<p id="price">
    谢怜花城
</p>

</body>
</html>
posted @ 2021-08-16 17:02  无疫烦  阅读(53)  评论(0)    收藏  举报