阴影和超链接伪类
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>/* 默认的颜色 */a{text-decoration: none; /* 去掉下划线 */color: #000000; /* 修改颜色 */}/* 鼠标悬浮的状态 */a:hover{color: orange;font-size: 20px; /* 鼠标悬浮时字体变大 */}/* 鼠标按住未释放的状态 */a:active{color: green;}/*text-shadow 阴影颜色，水平偏移，垂直偏移 阴影半径*/#price{text-shadow: #3cc7f5 10px -10px 2px;}</style>
</head>
<body><a href="#"><img src="images/2.jpg" alt="">
</a>
<p><a href="#">码出高效：Java开发手册</a>
</p>
<p><a href="#">作者：孤尽老师</a>
</p>
<p id="price">￥99
</p>
</body>
</html>
https://www.bilibili.com/video/BV1YJ411a7dy?p=11
