CSS中的menu功能是用来创建网站菜单的。菜单是一个非常重要的部分，它让用户可以直接访问网站的不同部分，通常会出现在页面的顶部或左侧。通过CSS，可以创建出漂亮的、易于使用的菜单。

/* 示例CSS代码 */.menu {display: flex; /* 使用flexbox布局 */background-color: #f2f2f2; /* 背景颜色 */width: 100%; /* 宽度100% */}.menu li {margin: 0; /* 去除默认的margin */padding: 0; /* 去除默认的padding */list-style: none; /* 去除默认的列表样式 */}.menu a {display: block; /* 显示为块级元素 */padding: 10px 20px; /* 设定内边距 */color: #333; /* 字体颜色 */text-decoration: none; /* 去除下划线 */}.menu a:hover {color: #fff; /* 鼠标悬浮时，字体颜色变为白色 */background-color: #333; /* 鼠标悬浮时，背景颜色变为黑色 */}

上面的示例代码定义了一个类名为“menu”的菜单容器，并对其中的列表项和超链接进行了样式设置。使用flexbox布局可以让菜单中的元素自动排列，而设置背景色、内边距、字体颜色等样式可以让菜单变得更加美观易用。在hover状态下，字体颜色和背景颜色会发生变化，这样用户在使用菜单时可以更加直观地知道自己当前所选中的项目。