建站技巧:一段CSS代码给网站页面中超链接去除下划线

阿里云双十一活动

云服务器低至86元/年

立刻拼团

声明:本站文章多为楚狂人原创,偶尔网络转载部分内容,如有侵权请联系我们!

在建站的过程中有朋友希望能取消页面中超链接的下划线,我刚好在网上发现了一段简单的CSS代码可以做到,在自己的楚狂人博客测试后效果不错,在此分享一下,大家可以在自己的网站自行修改使用。

建站技巧:一段CSS代码给网站页面中超链接去除下划线

代码如下:

<style type="text/css">

a:link { text-decoration: none;color: blue}

a:active { text-decoration:blink}

a:hover { text-decoration:underline;color: red}

a:visited { text-decoration: none;color: green}

</style>

使用方法:

将上面代码添加到相应网页html代码的头部即可,就是放在</head>之前就可以了,wordpress程序放在single.php文件中。

代码说明:

a:link 指正常的未被访问过的链接;

a:active 指正在点的链接;

a:hover 指鼠标在链接上;

a:visited 指已经访问过的链接;

text-decoration是文字修饰效果的意思;

none参数表示超链接文字不显示下划线;

underline参数表示超链接的文字有下划线

如果大家不希望修改现有链接的颜色,只是取消超链接下划线(或者叫锚文本的下划线)效果的话,只要一句:a:link { text-decoration: none;}就可以了。这个算一个小小的建站技巧吧,希望能帮到有需要的人,大神请忽略。

转载请注明:作者:楚狂人, 转载或复制请以 超链接形式 并注明出处 楚狂人博客
原文地址:《建站技巧:一段CSS代码给网站页面中超链接去除下划线》 发布于2019-01-28

分享到:
赞(3) 打赏

评论 1

5 + 1 =
  1. #1

    这个全站样式设置还是蛮好用的,

    洁灰博客园10个月前 (02-11)回复
建站技巧:一段CSS代码给网站页面中超链接去除下划线

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

每天拆双十一超级红包
双十一超级红包 1111

知道创宇云安全
切换登录

注册