css如何设置不同的超链接颜色

html-css013

css如何设置不同的超链接颜色,第1张

给每个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

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

这个很简单,需要一段css代码即可,其实是重新定义一下颜色的;

a{

color:#000

}

以上代码是将超链接修改为黑色

也可直接在代码中修改如下

<a style="color:#fff" href="#">这是一个连接</a>