CSS-链接样式

链接标签:......,默认的链接样式都是蓝色的,那么如何改变样式呢?

先建立标签,然后建立第一个伪类,之所以叫伪类,是因为我们是基于元素的状态来选择的,而不是它的名字,或者属性。

①a:link{}表示的是那些还没有访问过的链接的样式,这就是一种状态.在里面写想设置成的样式

②a:hover{}表示的是鼠标在链接上徘徊,但是还没有点击的状态。我们也可以设置在这种状态下链接的样式

③a:active{}表示的是当这个链接被点击后的状态,链接本身的样式有点变化,这样就视觉上给用户一种“被点击了”的感觉

④a:visited{}表示那些已经点击且浏览过了的链接样式

代码:

我的课程网页

图示:

默认状态


鼠标触碰状态


鼠标点击状态


网页打开后状态

你可能感兴趣的:(CSS-链接样式)