CSS怎么该DIV中的a标签该颜色

html-css020

CSS怎么该DIV中的a标签该颜色,第1张

<a>标签默认文字是蓝色,点过后是文字是紫色,想改变标签文字颜色设置方法如下:

a{color:black} /*设置默认颜色*/

a:link {color:blue} /*未访问颜色*/

a:visited {color:gray} /*已访问颜色*/

a:hover {color:red} /*悬浮(鼠标经过)时颜色*/

a:active {color:yellow} /*点击时的颜色*/

背景颜色颜色设置:

a {background-color: red}

比如这个:<div class="abc"><a href="#" >a的颜色</a></div>

css里可以这样写:.abc a{ color:#F00},就设置a为红色了

<!--在<head>与</head>标签中写CSS代码,代码完成后调用就可以了,看示例:-->

<html>

<head>

<title>控制A标签中的链接文字</title>

<style

type="text/css">

.color{color:#3399CC

text-decoration:nonefont-weight:bold}/*链接设置*/

.color:visited{color:#3399CC

text-decoration:nonefont-weight:bold}/*访问过的链接设置*/

.color:hover{color:#CF0000

text-decoration:underlinefont-weight:bold}/*鼠标放上的链接设置*/

/*

取消下划线只要把text-decoration:underline修改成text-decoration:none

文字加粗font-weight:bold

如不需要加粗显示,那么删除font-weight:bold就可以了

其它更多的参数设置参考:css2.0手册

其中的"伪类"说明

*/

</style>

</head>

<body>

<a

href="#"

class="color">控制A标签内的文字颜色,并且带下划线</a><!--

class="color"

是调用定义的.color

样式-->

</body>

</html>