CSS-文本阴影和超链接伪类 （鼠标移动到文字上会变色）
超链接伪类：正常情况下使用，a,a:hove
a:hover{
color:orange;/*鼠标放到文字上，文字会变色*/
font-size:20px;/*鼠标悬停时文字放大*/
}
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题title>
<style>
/*默认的颜色*/
a{
text-decoration:none;/*去除a标签下划线*/
color:#000000;/*为文本设置初始颜色*/
}
/*使用伪类，设置鼠标悬浮的颜色,hover:鼠标悬浮状态(重点)*/
a:hover{
color:orange;/*鼠标放到文字上，文字会变色*/
font-size:20px;/*鼠标悬停时文字放大*/
}
/*active：鼠标按住未释放的状态*/
a:active{
color:green;/*长按文字时鼠标变色*/
}
/*未访问时的状态*/
a:link{
}
/*visited:点击后的状态*/
a:visited{
}
/*
text-shadow：阴影颜色 水平偏移 垂直偏移 阴影半径
垂直偏移：可上下偏移
水平偏移：可左右偏移
*/
#price{
text-shadow:#3cc7f5 10px 0px 2px;
}
style>
head>
<body>
<a href="#">
<img src="images/a.png.jpg"/>
a>
<p>
<a href="#">
码出高效：java开发手册
a>
p>
<p>
<a href="">
作者：孤老师
a>
p>
<p id="price">
￥99
p>
body>
html>