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>