怎么用CSS控制点击超链接后的颜色?

html-css09

怎么用CSS控制点击超链接后的颜色?,第1张

定义链接样式

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

:link

:visited  :hover

:active

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

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

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

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

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

怎样用css设置超链接字体的不同颜色

2006-6-7

10:39

yywzya:link

{

text-decoration:

none

color:

#31687E}a:visited

{

color:

#31687E

text-decoration:

none}a:hover

{

color:

#FF0000

text-decoration:

none}a:active

{

color:

#FF0000

text-decoration:

none}a.v1:link

{

text-decoration:

underline

color:

#31687E}a.v1:visited

{

color:

#31687E

text-decoration:

underline}a.v1:hover

{

color:

#333333

text-decoration:

underline}a.v1:active

{

color:

#FF0000

text-decoration:

none}上面四个为默认的超级链接的样式,下面四个为不同颜色的链接样式,不过在链接的时候要调用一下v1的名字如这种格式<a

href="index.asp"

class="v1">首页</a>

给每个a

标签

一个

class类

.然后分别给每个累设置不同的链接颜色,就可以了。

答案补充

<style

type="text/css">

a.a1

{

color:#f00}

a.a1:hover

{

color:#0f0}

a.a2

{

color:#00f}

a.a2:hover

{

color:#ff0}

我写了a1

跟a1

其他两个自己知道怎么定义了吧..

<a

href="#"

class="a1">不同链接颜色</a>

<a

href="#"

class="a2">不同链接颜色</a>

<a

href="#"

class="a3">不同链接颜色</a>

<a

href="#"

class="a3">不同链接颜色</a>

答案补充

<style

type="text/css">

a.a1

{

color:#f00}

a.a1:hover

{

color:#0f0}

a.a2

{

color:#00f}

a.a2:hover

{

color:#ff0}

a.a3

{

color:#f00}

a.a31:hover

{

color:#0f0}

a.a4

{

color:#00f}

a.a4:hover

{

color:#ff0}

</style>

<a

href="#"

class="a1">不同链接颜色</a>

<a

href="#"

class="a2">不同链接颜色</a>

<a

href="#"

class="a3">不同链接颜色</a>

<a

href="#"

class="a3">不同链接颜色</a>

答案补充

a1

到a4

四个不同的类的链接颜色你改改就可以了..我只是给代码例子..