如何使用CSS建立垂直导航栏

1、首先右键点击桌面，然后新建文本文档。接着对文本文档进行重命名。将其改成后缀为.html,例如：index.html。

5、做到这里很多人会想到平时鼠标移动到导航选项时，导航的背痔辏哔刂景颜色都会改变，这种效果要怎么实现呢，这里就需要用到hover这个元素了来对<a>进行修饰。例如：li a:hover { background-color: #555; color: white;}

6、此外，我们还可以将导航的首选项进行显目的样式固定，需要先在首选项的<a>标签中加上class=“active”,然后在<style></style>样式里对其进行修饰，背景颜色可以根据网站的主体进行搭配调整。