html文字有下划线,去不掉

发布网友发布时间：2022-04-06 12:30

共6个回答

懂视网时间：2022-04-06 16:51

怎样去除字体下划线？去除字体下划线有哪些方法？对于很多刚刚入门的新手来说，不太清楚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.php.cn/">Gxlcms</a>! 
</body> 
</html>

显示效果如下：

微信截图_20181120114328.png

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

二：去掉字体下划线

在html中，使用u标签是给字体加上下划线，如果想要去掉下划线，就要使用css样式，代码如下：

u{text-decoration:none}

热心网友时间：2022-04-06 13:59

下划线是因为标签<u>引起的按照html规范来说你应该是想写<ul><li></li></ul> 修改一下标签即可。

<ul> 标签定义无序列表。

<u> 标签可定义下划线文本。

热心网友时间：2022-04-06 15:17

外层的元素应该是ul 而不是u

如果想用u的话需要修改css为

.ziliao u{
text-decoration:none;
}

热心网友时间：2022-04-06 16:52

border:none !important; 这个试试。。。

还有li 上级应该是ul吧

热心网友时间：2022-04-06 18:43

直接写到li里试试 <li style="text-decoration:none">11111</li>

热心网友时间：2022-04-06 20:51

text-decoration:none!important;试试