css链接去掉下划线-Html5入门教程：CSS字体设置（逗号、删除线和顶部破折号）

给你一个勇敢的机会

分发免费在线教程

点击一次就够了

91.2%童鞋已到货

1.text-decoration属性

在 CSS 中，使用 text-decoration 属性来定义段落文本的逗号、删除线和顶线。

句型：

text-decoration：属性值；

阐明：

text-decoration属性的取值如下：

表1 text-decoration属性

例子：

这就是“下划线”效果

这就是“删除线”效果

这是“顶部破折号”效果

浏览器预览效果如下：

我们在 HTML 入门教程中了解了删除线标签和下划线标签的使用。 现在我们已经了解了 text-decoration 属性，这些效果应该用 CSS 来控制。

记住，在后端开发中，通常使用CSS来控制样式，不建议使用标签来控制。 换句话说，我们应该摆脱纯样式标签，例如 等。

我们知道a标签的默认样式是有逗号的，例如“class stack network”在浏览器中的预览效果如下：

那么如何清除a标签默认样式中的逗号呢？ 属性值“text-decoration:none”可以派上用场。

例子：

绿叶学习网络

浏览器预览效果如下：

“text-decoration:none”99%的属性值都是用来清除a标签的默认样式的。 大多数网站超链接很少使用默认样式，经常去掉逗号，因为a标签的默认样式实在是太丑了！ 这个方法你一定要学会，因为在实际编程中，你有很多机会用到它。

2、下划线、删除线、下划线的用法分析

1. 下划线

在网页设计中css链接去掉下划线，通常使用停顿标记来标记文章的要点。

2. 删除线

删除线在普通网页上很少见，通常用于电子商务网站进行促销。

3.顶线

说实话css链接去掉下划线，我从来没有见过任何网页使用顶部下划线=-=！ 你应该果断地丢弃属性值“text-decoration:overline;”。

专注IT行业

每天晚上进步一点点