CSS中经常用到下划线作为文本链接的装饰样式，但在某些情况下需要取消下划线。本文将介绍如何通过CSS取消下划线的方法。
## 1. text-decoration属性
我们可以使用CSS的text-decoration属性来控制文本的修饰样式，包括下划线、删除线等。要取消下划线，只需要将text-decoration设为none即可。
a {
text-decoration: none;
}
上述代码表示取消所有链接下划线。
## 2. a标签伪类
上述方法会取消所有链接下划线，如果只想取消部分链接下划线，可以使用a标签的伪类。伪类是一种针对元素状态的特殊选择器，常用的有:hover、:active等。
如果想让所有链接保持下划线，只有鼠标悬停在链接上时才去掉下划线，可以这样写：
a:hover {
text-decoration: none;
}
上述代码表示鼠标悬停在链接上时取消链接下划线。
如果想具体指定某些链接不要下划线，可以通过为这些链接添加一个class，然后针对这个class写CSS样式。
.no-underline {
text-decoration: none;
}
上述代码表示拥有class为no-underline的元素链接下划线被取消。
## 3. border-bottom属性
text-decoration属性只能修改文本修饰样式，如果想给文本添加下划线，可以使用border-bottom属性。
.underline {
border-bottom: 1px solid black;
}
上述代码表示添加黑色实线下划线。
如果想去掉某些元素下划线，可以添加分别添加一个class，然后为这些class写CSS样式。
.no-underline {
border-bottom: none;
}
上述代码表示拥有class为no-underline的元素下划线被取消。
## 4. hr标签
hr标签可以用来创建一条水平线，如果想让水平线作为下划线，可以通过修改hr标签的样式实现。
hr {
border: none;
height: 1px;
background-color: black;
}
上述代码表示创建一条黑色实线下划线。
## 总结
通过设置text-decoration、a标签伪类、border-bottom、hr标签等方法，可以取消或添加链接下划线，根据不同的需求选择相应的方法即可。