如何去掉超链接的下滑线
我们经常会遇到这种问题,是在html中我们添加了一个超链接,但是文字下面就有一条下划线,这样在外观上就感觉很不舒服。所以我们就要去掉下划线让他变得更美观;比如:
我有下划线
文字中加下划线:
<p style="text-decoration:underline">.................</p>
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>
其中:
a:link 指正常的未被访问过的链接;
a:active 指正在点的链接;
a:hover 指鼠标在链接上;
a:visited 指已经访问过的链接;
text-decoration是文字修饰效果的意思;
none参数表示超链接文字不显示下划线;
underline参数表示超链接的文字有下划线
如果在wordpress中也遇到了这个问题,那就将以上代码放入到主题目录下的style.css文件中即可。(注:只放第二个代码)
然后我将这篇文章与wordpress整合,以便其他小伙伴阅读。
- 洗漱包旅行套装 男出差商务洗簌袋便携化妆包女用品洗护大容量
- 蓝罐(Kjeldsens)曲奇饼干礼盒 454g 丹麦原装进口 休闲零食 节日送礼福利团购
- 适用于新款车载手机支架无线器快充智能自动感应汽车
- 皇顺适配名爵MG7汽车用品MG6PRO改装饰配件MG5门槛条ZS保护贴
温馨提示 : 非特殊注明,否则均为©李联华的博客网原创文章,本站文章未经授权禁止任何形式转载;IP地址:18.188.110.150,归属地:俄亥俄州Dublin ,欢迎您的访问!
文章链接:https://www.lilianhua.com/how-to-remove-the-slide-line-of-hyperlinks.html
文章链接:https://www.lilianhua.com/how-to-remove-the-slide-line-of-hyperlinks.html