在網頁設計中，導航欄是非常重要的組成部分，為用戶提供了更好的瀏覽體驗。在導航欄中，選中的菜單項需要有明顯的標識，以便用戶知道當前所在的頁面。其中，一種比較常見的標識方式就是底紋。

.nav{
position:relative;
}
.nav li{
float:left;
margin-right:20px;
}
.nav li a{
display:block;
height:30px;
line-height:30px;
text-align:center;
color:#333;
text-decoration:none;
padding:0 10px;
}
.nav li.active a{
background-color:#333;
color:#fff;
}
.nav li .bg{
position:absolute;
bottom:-5px;
left:0;
width:100%;
height:5px;
background-color:#f00;
display:none;
}
.nav li.active .bg{
display:block;
}

如上代碼，我們通過對選中的菜單項添加一個類名"active"，然后設置相應的樣式來實現底紋效果。具體來說，我們在選中的菜單項中添加一個絕對定位的底紋標簽，然后通過display屬性來控制其顯示與隱藏。

當然，我們也可以通過其他方式來實現底紋效果，比如用:before或:after偽元素來添加底紋樣式等。不同的實現方法，也會有不同的應用場景和效果?？傊?，底紋作為一種常用的導航欄選中標識方式，能夠有效提高網頁的可用性和用戶體驗。