为了让wordpress博客的整体效果好看一些,我们在很多时候需要插入超链接,但超链接中的下划线是否需要呢?这个还得根据插入的位置情况而定,想要吸引眼球的地方,自然需要加下划线,突出颜色,而不需要刻意突出的,还是和文章内容格式基本一致比较好看,也就要去掉下划线了。下面就介绍如何控制全局的和单个超链接的实现形式。
一、全站超链接格式设置
要想控制全站的超链接,方法还是很多的,这里只列举一种最简单的方法:在当前使用的主题下找到博客的css文件,一般是style.css,打开后搜索a:link,a:visited或a: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 中超链接下划线的自定义控制