链接标签：<a href="......">......</a>，默认的链接样式都是蓝色的，那么如何改变样式呢？
先建立<style>......</style>标签，然后建立第一个伪类，之所以叫伪类，是因为我们是基于元素的状态来选择的，而不是它的名字，或者属性。
①a:link{}表示的是那些还没有访问过的链接的样式，这就是一种状态.在里面写想设置成的样式
②a:hover{}表示的是鼠标在链接上徘徊,但是还没有点击的状态。我们也可以设置在这种状态下链接的样式
③a:active{}表示的是当这个链接被点击后的状态,链接本身的样式有点变化，这样就视觉上给用户一种“被点击了”的感觉
④a:visited{}表示那些已经点击且浏览过了的链接样式
代码：
<style>
a:link{ color:red;}
a:hover{color:cyan;text-decoration:underline;}
a:active{color:pink;}
a:visited{color:gray;}
</style>
<a href="https://www.icourse163.org/course/NJU-1001573001?utm_campaign=share&utm_medium=androidShare&utm_source=#/info">我的课程网页</a>
图示：
默认状态
鼠标触碰状态
鼠标点击状态
网页打开后状态
