怎么设置让鼠标经过时,a标签里面的所有字体变成红色

怎么设置让鼠标经过时,a标签里面的所有字体变成红色,第1张

添加下面的css,希望可以帮到你
<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、打开浏览器,点击演示组的链接,颜色变成了蓝色,对照组则未变化。以上就是设置超链接字体颜色和点击后的字体颜色的方法:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13388153.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-26
下一篇 2023-07-26

发表评论

登录后才能评论

评论列表(0条)

保存