在网页设计中，导航栏是非常重要的组成部分，为用户提供了更好的浏览体验。在导航栏中，选中的菜单项需要有明显的标识，以便用户知道当前所在的页面。其中，一种比较常见的标识方式就是底纹。

.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伪元素来添加底纹样式等。不同的实现方法，也会有不同的应用场景和效果。总之，底纹作为一种常用的导航栏选中标识方式，能够有效提高网页的可用性和用户体验。