服务器与VPS
促销优惠信息

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

在建站的过程中有朋友希望能取消页面中超链接的下划线,我刚好在网上发现了一段简单的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;}就可以了。这个算一个小小的建站技巧吧,希望能帮到有需要的人,大神请忽略。

腾讯云代金券
腾讯云代金券
新客户无门槛领取价值高达2860元代金券,每种券限量500张,先到先得。
赞(3) 打赏
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权

文章名称:《建站技巧:一段CSS代码给网站页面中超链接去除下划线》

文章链接:https://www.chukuangren.com/css-xiahuaxian.html

本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。