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

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

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

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

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

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

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

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

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

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

1、新建一个超链接事件html文件。

2、用记事本打开html文件。

3、编写代码，可见跳转前和跳转后颜色变化。

4、更改代码，使得颜色三次变化不同，基本格式：。

5、点击我跳转，之后link 超链接尚被选中的文字alink 超链接点选但未被放开的颜色vlink 超链接已被点选过的颜色。

a:link {color: #000000} /* 未访问的链接 */
a:visited {color: #d90a81} /* 已访问的链接 */
a:hover {color: #d90a81} /* 当有鼠标悬停在链接上 */
a:active {color: #d90a81} /* 被选择的链接 */

变不变颜色不是你控制的，是网页设计的时候就设定好了的！

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

css中关于超链接的四个属性一般正常顺序为：link，visited，hover，active，即
a:link 链接平常的状态
a:visited 链接被访问过之后
a:hover 鼠标放到链接上的时候
a:active 链接被按下的时候

以下为点过链接后，链接字体变为红色：
a:link { color:#dd3409;text-decoration:none; font-size:13px; }/* 超链接的样式 */
a:visited { color:#9f301d;text-decoration:none; }
a:visited:hover { color:#9f301d;text-decoration:underline; }
a:hover { color:#dd3409;text-decoration:underline; }
a:active { color:#ff3300;text-decoration:underline; }