在網頁設計中，導航欄是非常重要的一部分，而導航欄中的下劃線也一直是設計師的一個難題，有時候在設計中不希望出現下劃線，那么我們該怎么去掉它呢？下面我們來介紹一下去掉導航下劃線的CSS代碼。

.nav{
text-decoration: none;
border-bottom: none;
}

以上代碼中，text-decoration用于控制超鏈接的下劃線樣式，none表示沒有下劃線，而border-bottom用于控制邊框樣式，none同樣表示沒有下劃線。我們將以上的CSS樣式添加到我們的導航菜單中，下劃線就自然而然地消失了。

除了以上的代碼，還可以使用以下的代碼達到去掉導航下劃線的效果：

.nav{
text-decoration: none !important;
}

以上代碼中，!important是優先級最高的關鍵字，用于覆蓋其它 CSS 樣式表中定義的同名屬性。

總之，通過以上的方法就可以很輕松地去掉導航下劃線了。