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

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

html-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;}就可以了。这个算一个小小的建站技巧吧,希望能帮到有需要的人,大神请忽略。

赞(2) 领红包
转载注明:楚狂人博客 » 建站技巧:一段CSS代码给网站页面中超链接去除下划线

评论 1

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

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

    洁灰博客园 5个月前 (02-11) 来自天朝的朋友 谷歌浏览器 Windows 7 回复

扫码领红包 或者 支付宝搜索:5981405

支付宝扫一扫打赏