怎样让页面中所有的a href标签都不显示下划线?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎样让页面中所有的a href标签都不显示下划线?相关的知识,希望对你有一定的参考价值。

比如页面中有1 2 3 4 5 6 7 8 9 10 这样一排分页的页数,它们都是a href标签,我想去掉它们的下划线后,再让当前页的页数数字的颜色变为红色。并且一般的链接点过之后,会变色,而我不想让它变色,只想让当前页为红色,请问这样的CSS如何实现呢?

a:linktext-decoration:none ; color:white ;
a:visited text-decoration:none ; color:white;
a:hover text-decoration:underline ; color:white;
a:active text-decoration:none ; colorwhite;

以上顺序不能变,要不没效果
text-decoration:none 的意思就是不显示下划线
link的意思是链接样式
visited的意思是访问过的链接的样式
hover的意思是鼠标悬停的样式
active的意思就是点击时候的样式

当前页面的话,再自己加个样式就好了
比如 a.current color:red;

在那个页面上,把这个加进去,引用的时候 <a href="..." class="current">...</a>就好了
参考技术A 在页面的上面没有下划线字颜色改变之类的图标吗?还有页面设置之类的?

以上是关于怎样让页面中所有的a href标签都不显示下划线?的主要内容,如果未能解决你的问题,请参考以下文章

html 下载超链接文件,不让其直接打开?

在一个静态网页 有一个iframe标签 我要让iframe 默认显示一个网页怎么办?

matlab 如何让 title ()中带有下划线的字符串直接显示所有下划线而非下标

我用了datalist之后,这个控件中的包含的所有HTML标签都不显示,这是为啥?

怎么让<li></li>标签显示它的下划线?

如何在页面中显示并识别HTML 标签字段