在CSS中，我們可以使用多種方法去掉導(dǎo)航下劃線，以下是一些常見的方法：
1、使用text-decoration屬性：
通過text-decoration屬性，我們可以設(shè)置文本裝飾，如下劃線、上劃線和刪除線等，要移除下劃線，可以將text-decoration的值設(shè)置為none。
```css
.nav-item {
text-decoration: none;
}
```
2、使用border-bottom屬性：
下劃線是通過border-bottom屬性添加的，在這種情況下，我們可以將border-bottom的值設(shè)置為0或none來移除下劃線。
```css
.nav-item {
border-bottom: 0;
}
```
3、使用CSS偽類：
使用CSS偽類，如:hover或:active，我們可以動(dòng)態(tài)地改變元素的樣式，包括下劃線，當(dāng)鼠標(biāo)懸停在導(dǎo)航項(xiàng)上時(shí)，我們可以移除下劃線：
```css
.nav-item:hover {
text-decoration: none;
}
```
4、移除默認(rèn)樣式：
有些瀏覽器或框架會(huì)為導(dǎo)航項(xiàng)添加默認(rèn)樣式，包括下劃線，我們可以通過重置CSS來移除這些默認(rèn)樣式：
```css
.nav-item {
-webkit-text-decoration: none; /* Safari 和 Chrome */
-moz-text-decoration: none; /* Firefox */
-ms-text-decoration: none; /* IE 9+ */
-o-text-decoration: none; /* Opera */
text-decoration: none; /* 通用 */
}
```
5、使用CSS框架：
一些CSS框架，如Bootstrap或Foundation，提供了內(nèi)置的方法來移除導(dǎo)航下劃線，這些方法通常涉及使用特定的類名或變量來覆蓋默認(rèn)樣式，在Bootstrap中，可以使用nav-link類來移除下劃線：
```html
<a href="#" class="nav-link">鏈接</a>
```
這些方法可以幫助你在CSS中移除導(dǎo)航下劃線，使你的導(dǎo)航菜單更加簡潔和清晰，你可以根據(jù)自己的需求和使用的技術(shù)棧選擇***適合的方法。
