导航栏是一种常见的网页设计元素，它可以帮助用户在网站中快速找到他们想要的信息或功能。以下是一个简单的导航栏CSS样式示例：

访客 CSS 2023-12-15 13 0

/* 定义导航栏的样式 */
.navbar {
  background-color: #333; /* 背景颜色 */
  overflow: hidden; /* 隐藏溢出的内容 */
}

/* 定义导航栏中的链接样式 */
.navbar a {
  float: left; /* 使链接浮动在左侧 */
  display: block; /* 显示块级元素 */
  color: #f2f2f2; /* 链接文字颜色 */
  text-align: center; /* 文字居中对齐 */
  padding: 14px 16px; /* 内边距 */
  text-decoration: none; /* 去掉下划线 */
  font-size: 17px; /* 字体大小 */
}

/* 当鼠标悬停在链接上时改变颜色 */
.navbar a:hover {
  background-color: #ddd; /* 背景颜色 */
  color: black; /* 文字颜色 */
}