<ul>
<li><a href="#" class="a_hover"><span>主页</span><i>HOME</i></a></li>
</ul>
a_hover:hover{color: #f00;text-decoration: none;}在a 中添加一个class或者id单独设置;
例如:在DIV中添加id:test,然后再设置这个div里面的a文字属性,如:
#test a {
color:black;
}改变当前颜色
<lable id="lable1" onclick="col(1)">1</lable>
<lable id="lable2" onclick="col(2)">2</lable>
<lable id="lable3" onclick="col(3)">3</lable>
<script language="javascript">
function col(num)
{
for(i=1;i<6;i++)
{
if(i==num)
documentgetElementById("lable"+i)backgroudcolor=Red;
else
documentgetElementById("lable"+i)backgroudcolor=Black;
}
}
</script><a href="" style="color:#FFFFFF">自定义文字</a>在a标签里面 设置style属性然后将color设置为你想要的颜色即可也可以直接用DW *** 作 就是在设计模式下 选中要改变颜色的文字 然后在下面 的颜色选择对应颜色即可
在css中加上下面代码就可以了
a:link,a:visited{color:#ffffff;}当然最好定义这个导航的Class的连接样式。比如你的这个导航条写是 class="dh",就写
dh a:link,dh a:visited{color:#ffffff;}1、设置颜色和点击后颜色需要用标签的link和active伪类才能实现。具体方法是,首先新建一个html文件,这里写入两个a标签,一个用来演示:
2、接着设置样式,这里给a标签的文字40px的大小,并设置文字粗细。然后设置a标签的link伪元素的颜色并设置下划线,设置点击后的伪元素acticed为另一个颜色,并取消下划线。上面的设置完成后,接下去看看效果:
3、打开浏览器,点击演示组的链接,颜色变成了蓝色,对照组则未变化。以上就是设置超链接字体颜色和点击后的字体颜色的方法:
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)