超链接文字颜色详解


Uncategorized

如何更改带有超链接的文字显示的颜色?

如何使鼠标移动到该文字显示另一种颜色?

如何更换链接被点击后文字的颜色?

可以定义a的style:

text-decoration; 下划线

color;字体颜色

font-size;字体大小 

background-colorl字体的背景颜色

a: link 设置 a 对象在未被访问前的样式。
a: hover 设置对象在其鼠标悬停时的样式。
a: active 设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式
a: visited 设置 a 对象在其链接地址已被访问过时的样式

例如:

<style>
a:link {color: #FF0000}    /* 未被访问的链接 /
a:visited {color: #00FF00}  /
已被访问的链接 /
a:hover {color: #FF00FF}    /
当有鼠标悬停在链接上 /
a:active {color: #0000FF}  /
被选择的链接 */
</style>

(必须依照以上顺序)

若只想改变一个div容器里style

可以这样:

#divID a:link {color: #FF0000}