HTML/CSS：导航栏水平和垂直

1.垂直导航栏

导航栏 = 链接列表
导航栏基本上是一个链接列表，因此使用 <ul> 和 <li> 元素是非常合适的。
如需构建垂直导航栏，我们只需要定义 <a> 元素的样式

演示：

代码：

HTML

<div class="nav">
        <ul>
            <li><a href="#">HOME</a></li>
            <li><a href="#">MTRA</a></li>
            <li><a href="#">PRODUCT</a></li>
            <li><a href="#">MORE</a></li>
        </ul>
</div>

CSS

.nav {
background-color: #F5F5DC;
}