服务器与VPS
促销优惠信息

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

查看目录
文章目录隐藏
  1. 代码如下:
  2. 使用方法:
  3. 代码说明:

在建站的过程中有朋友希望能取消页面中超链接的下划线,我刚好在网上发现了一段简单的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代码给网站页面中超链接去除下划线

相关推荐

  • 暂无文章

评论 1

  • (必填)
  • (必填)
  1. #0

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

    洁灰博客园6年前 (2019-02-11)回复

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

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏