css导航栏停留本页面样式

CSS导航栏的停留本页面样式是网站中非常常见的一种效果，我们可以通过简单的CSS代码实现这个效果，让用户使用网站时更加便捷。

nav {
  background-color: #ffffff; /* 设置导航栏背景颜色 */
  position: fixed; /* 将导航栏固定在屏幕上 */
  top: 0; /* 将导航栏置于页面顶部 */
  left: 0; /* 将导航栏置于页面左侧 */
  width: 100%; /* 将导航栏宽度设置为100% */
  z-index: 999; /* 将导航栏的层级设置为最高，避免其他元素覆盖 */
}
nav a:hover {
  background-color: #f0f0f0; /* 设置鼠标悬浮时的背景颜色 */
}

通过以上代码，我们可以实现导航栏在屏幕顶部固定，并且当鼠标悬浮在导航栏中的链接上时，链接的背景颜色会变化，从而提高用户的交互体验。