纯 CSS 水平菜单
我们几乎在每个网站上都遇到过水平菜单。纯 CSS 通过使用纯菜单类帮助我们轻松实现此类菜单。 Pure-menu 类默认创建一个垂直菜单，我们可以通过添加类 pure-menu-horizontal 简单地将其转换为水平菜单。水平菜单最常见的用途之一是导航栏（navbars）。
我们将使用以下类来帮助我们实现手头的目标：
- pure-menu：这有助于我们创建菜单。 （默认创建垂直菜单）
- pure-menu-horizontal：这有助于我们创建水平菜单。
- pure-menu-list：这有助于我们指定包含菜单项的列表。
- pure-menu-item：这有助于我们指定特定项目属于列表
- pure-menu-link：这有助于我们指定菜单项中的链接
- pure-menu-heading：这有助于我们为菜单指定标题
句法：
注意：不要忘记添加纯CSS CDN才能使用纯CSS框架
示例：假设我们要为投资组合的导航栏创建一个水平菜单。
HTML
Menu
输出：
纯 CSS 水平菜单