怎样在css中设置链接鼠标移上去变换颜色的效果？

html-css06

怎样在css中设置链接鼠标移上去变换颜色的效果？,第1张

在CSS中，分别给这3个链接的标签设置不同的CSS样式。\x0d\x0a我假设你对这三个链接已经给了各自的id: "linka" 、"linkb"、 "linkc"\x0d\x0a然后对这3个链接进行CSS设置：\x0d\x0a#linka a:hover{color:pink}\x0d\x0a#linkb a:hover{color:pink}\x0d\x0a#linkc a:hover{color:gray}\x0d\x0a\x0d\x0a这样即可。

分类: 电脑/网络 >>互联网

问题描述:

在css访问过的链接保持一种颜色不变,这样我服务器上的网页链接被全部访问过一次后就变成一种颜色了,也没法让后来用户区分哪些是自己访问过的,哪些是自己没访问过的,怎么办呢?

是不是我用css用错了?那文字被访问过后就没法区分了,哪位朋友能帮帮我!

解析:

A:visited

{

COLOR: 黑色

}

将黑色改为蓝色就可以了

如果是自己编写的 那麽将这个css定义下的a:visited改成其他不同的颜色

如果不怎么会编写 你也可以在页面属性里面设置

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}