正常情况下，多用a，a:hover
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/*默认的状态*/
a{
text-decoration: none;
color: black;
}
/*鼠标悬浮的状态*/
a:hover{
color: chartreuse;
font-size: 50px;
}
/*鼠标按住未释放的状态----最重要*/
a:active{
color: darkcyan;
}
/*text-shadow:阴影颜色，水平偏移，垂直偏移，阴影半径*/
#price{
text-shadow: darkblue 10px 10px 2px;
}
</style>
</head>
<body>
<a href="#">
<img src="images/c.jpg" alt="">
</a>
<p>
<a href="">码出高效：java开发手册</a>
</p>
<p>
<a href="">作者：孤尽老师</a>
</p>
<p id="price">
￥99
</p>
</body>
</html>
403
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
