欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > css3案例分享 >

Html怎么去除字体下划线?去除字体下划线方法

发布时间:2019-05-24  编辑:杨雨个人博客网站   点击:   

怎样去除字体下划线?去除字体下划线有哪些方法?对于很多刚刚入门的新手来说,不太清楚Html怎么去除字体下划线?下面我们来总结一下。

一:超链接去除字体下划线

很多前端编辑者,在给文字加上链接的的时候,超链接会出现一个下划线,系统会议自动添加下划线样式,很多人想去掉这个下划线,不知道该怎么处理,其实我们完全可以使用Css样式来去掉下划线。

Css样式代码:

a{text-decoration:none}

代码如下:

<!DOCTYPE Html> 
<Html> 
<head> 
<meta charset="utf-8" /> 
<title>取消去掉下划线</title> 
<style> 
a{ text-decoration:none} 
</style> 
</head> 
<body> 
欢迎来到<a href="http://www.itbyc.com/">杨雨个人博客</a>! 
</body> 
</Html>

显示效果如下:

微信截图_20181120114328.png

以上Css样式是去除网页上所有超链接的下划线,如果我们想要去掉某一个下划线,我们就对其中一个链接去设置样式。

二:去掉字体下划线

在Html中,使用u标签是给字体加上下划线,如果想要去掉下划线,就要使用Css样式,代码如下:

u{text-decoration:none}

以上就是对Html怎么去除字体下划线?去除字体下划线方法的全部介绍,如果你想了解更多有关CSS3教程,请关注杨雨个人博客。 本文地址:http://itbyc.com/web/css3/19991.html
转载请注明出处。

分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1