10.超链接伪类
html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<a href="#">
<img src="image/a.png" alt="">
</a>
<p><a href="#">Java开发手册</a></p>
<p><a href="#">作者:喻亚文</a></p>
<p id="price">¥99</p>
</body>
</html>
css:
/*默认的颜色*/
a{
text-decoration: none;
color: #000000;
}
/*鼠标悬乎的状态*/
a:hover{
color: red;
}
/*鼠标按住未释放的状态*/
a:active{
color: #53c48b;
}
/* text-shadow:阴影颜色,水平偏移,垂直偏移,阴影半径*/
#price{
text-shadow: #53c48b 10px -10px 5px;
}
运行结果: