bootstrap取消a标签下划线
时间: 2023-08-05 18:02:56 浏览: 318
去掉<a>标签下划线
5星 · 资源好评率100%
要取消Bootstrap中`a`标签的下划线,可以使用CSS的`text-decoration`属性,并将其设置为`none`。可以通过为`a`标签应用一个自定义类,然后在CSS中设置`text-decoration`属性来实现。
例如,以下代码将取消具有`.no-underline`类的`a`标签的下划线:
```html
<a href="#" class="no-underline">链接</a>
```
```css
.no-underline {
text-decoration: none;
}
```
在这个例子中,我们定义了一个名为`no-underline`的自定义类,并将其应用于`a`标签中。然后,在CSS中,我们使用`text-decoration`属性将其设置为`none`,这将取消`a`标签的下划线。
请注意,如果您希望在整个网站中取消`a`标签的下划线,可以使用以下CSS代码:
```css
a {
text-decoration: none;
}
```
这将取消整个网站中所有`a`标签的下划线。
阅读全文