一个网页,超链接点击之后变颜色

html-css029

一个网页,超链接点击之后变颜色,第1张

解决该问题的具体步骤如下:

需要准备的材料分别是:浏览器、Notepad++。

1、首先我们先来编写一个HTML框架,即用Notepad++新建一个test.html文件。

2、创建一个a标签,进行超链接的展示。

3、书写head书签,在其中进行书写其他编写。

4、书写style标签,在其中书写css代码。

5、利用a:link进行对未点击的超链接进行样式设置,此时设置未点击的链接颜色为“#000000”。

6、利用a:visited进行对已点击的超链接进行设置,此时设置已点击的链接颜色为“#d90a81”。

这样就解决了“一个网页,超链接点击之后变颜色”的问题。

Css超链接样式的各属性的顺序不能颠倒,这个顺序非常重要。

css中关于超链接的四个属性一般正常顺序为:link,visited,hover,active,即

a:link 链接平常的状态

a:visited 链接被访问过之后

a:hover 鼠标放到链接上的时候

a:active 链接被按下的时候

以下为点过链接后,链接字体变为红色:

a:link { color:#dd3409text-decoration:nonefont-size:13px}/* 超链接的样式 */

a:visited { color:#9f301dtext-decoration:none}

a:visited:hover { color:#9f301dtext-decoration:underline}

a:hover { color:#dd3409text-decoration:underline}

a:active { color:#ff3300text-decoration:underline}

定义链接样式

CSS为一些特殊效果准备了特定的工具,我们称之为“伪类”。其中有几项是我们经常用到的,下面我们就详细介绍一下经常用于定义链接样式的四个伪类,它们分别是:

:link

:visited  :hover

:active

因为我们要定义链接样式,所以其中必不可少的就是超级链接中的锚标签--a,锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法,它们的写法如下:

a:link,定义正常链接的样式;

a:visited,定义已访问过链接的样式;

a:hover,定义鼠标悬浮在链接上时的样式;

a:active,定义鼠标点击链接时的样式。