最新消息:蔓草札记的微信公众号开通了,赶紧在微信通讯录公众号中搜索“蔓草札记”关注下吧 :)

WordPress 中超链接下划线的自定义控制

博客经验 xhhjin 9184浏览 6评论

为了让wordpress博客的整体效果好看一些,我们在很多时候需要插入超链接,但超链接中的下划线是否需要呢?这个还得根据插入的位置情况而定,想要吸引眼球的地方,自然需要加下划线,突出颜色,而不需要刻意突出的,还是和文章内容格式基本一致比较好看,也就要去掉下划线了。下面就介绍如何控制全局的和单个超链接的实现形式。

一、全站超链接格式设置

要想控制全站的超链接,方法还是很多的,这里只列举一种最简单的方法:在当前使用的主题下找到博客的css文件,一般是style.css,打开后搜索a:link,a:visiteda:hover,便可实现对访问前后和鼠标滑过是的效果设置了。比如

a:link, a:visited { color: #3C3F36; text-decoration: none; }
a:hover {color:#DF0031;text-decoration:underline;}

当然,还有可能是另一种情况,搜索不到a:link、a:visited等,这其实是不同的表现形式,参照修改就可以了,比如我的网站的就是:

a {color:#555000; text-decoration:none;}
a:hover {color:#DF0031;text-decoration:underline;}

其中color表示颜色值,# 后面的数字可以自行更改,而text-decoration则控制下划线,text-decoration:none表示有下划线,text-decoration:underline表示有下划线。

二、单个超链接格式设置

设置好全站的超链接时,一般我们设置的是有下划线,但若有个别超链接我们并不需要下滑线,如何去掉呢?其实也是很简单的:比如我们这个超链接蔓草札记是有下划线的,而在不想要下划线时,可以在编辑文章的源代码中找到这个超链接的地址

<a href=”https://xuhehuan.com” target=”_blank”>

然后将其改成

a style=”text-decoration: none” href=”https://xuhehuan.com” target=”_blank”>

效果就变成这样的了:蔓草札记

wordpress 中超链接下划线的自定义控制


欢迎转载,转载请注明出处:蔓草札记 » WordPress 中超链接下划线的自定义控制

♥ 喜欢 1 赞赏
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (6)

  1. 你好,那么下划线的颜色怎么设置?
    puetry12年前 (2012-07-16)回复
    • @puetry 颜色就是设置其中的color值,如color:#555000;#后面跟的是16进制的颜色代码,你可以自己根据需要设置。
      xhhjin博主12年前 (2012-07-17)回复
  2. 提交了吗?
    puetry12年前 (2012-07-16)回复
    • @puetry 呵呵,已经提交了,因为装得有反垃圾插件,第一次留言大部分会被过滤,这次你如果再留言应该可以直接看到了。
      xhhjin博主12年前 (2012-07-17)回复
    • @puetry 学习,感谢分享,正为这发愁
      逼格10年前 (2015-01-16)回复
    • @puetry 为什么我按照你的方法添加却不行呢!
      赚客推9年前 (2015-11-08)回复