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

html-css015

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

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

有两种

A:link { color: #4c7481text-decoration:none}

A:visited { color: #4c7481text-decoration:none}

A:active { color: #4c7481 cursor:handtext-decoration:none}

A:hover { color: #7bb9e6 cursor:handtext-decoration:underline}

还有

.a { color: #4c7481text-decoration:none}

这两种设置,第一种是所有的A标签都是用那样的,第二种是要用class引用