CSS导航栏出现下边框 |css chm 模版

nav {
border-bottom: 2px solid #333;
}

以上代码展示了如何使用CSS选择器来添加导航栏下边框。在这个例子中，大家使用了“nav”选择器来指定页面中的导航栏元素，然后使用“border-bottom”属性添加了一个下边框。边框的样式为实线线条，颜色为#333深灰色。

如果要进一步自定义导航栏下边框样式，可以修改“border-bottom”属性的值，例如改变线条粗细、线条样式或颜色。下面是一些例子：

/* 修改线条粗细 */
nav {
border-bottom: 4px solid #333;
}
/* 修改线条样式 */
nav {
border-bottom: 2px dashed #333;
}
/* 修改线条颜色 */
nav {
border-bottom: 2px solid #f00; /* 红色 */
}

大家可以看到，在这些例子中，只需要修改“border-bottom”属性的值就可以对导航栏下边框进行修改。这个技术可以用于各种类型的网站，从个人博客到公司的网站都可以使用它来改善导航栏的外观和用户体验。