/* CSS 代码 */
nav {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #ffffff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
z-index: 9999;
}
nav ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
nav ul li {
display: inline-block;
margin: 0 10px;
text-transform: uppercase;
}
nav ul li a {
display: block;
padding: 10px 15px;
color: #333333;
text-decoration: none;
}
nav ul li.active a {
color: #ffffff;
background-color: #ff0000;
}
首先,大家创建一个 `
以上就是一个简单的 CSS 顶部浮动导航的实现。它可以通过添加更多的样式和 JavaScript 脚本来进行改进和扩展。例如,您可以添加下拉菜单、搜索框、响应式布局等元素来增强用户体验。