1. 使用伪类标签
使用伪类标签<ul>和<li>来创建垂直导航条。<li>元素是导航条上的标签，而<ul>元素则表示该标签所属的列表。在<ul>元素中，可以添加多个<li>元素来创建多个导航条。
例如，以下代码将创建一个垂直导航条：
<li>导航1</li>
<li>导航2</li>
<li>导航3</li>
<li>导航4</li>
</ul>
2. 使用块状元素
例如，以下代码将创建一个垂直导航条：
<div class=”nav”>
<ul>
<li><a href=”#”>导航1</a></li>
<li><a href=”#”>导航2</a></li>
<li><a href=”#”>导航3</a></li>
<li><a href=”#”>导航4</a></li>
</ul>
</div>
无论使用哪种方法，创建垂直导航条都可以使页面更加简洁，易于阅读。使用CSS可以控制导航条的颜色，字体和大小等属性，使其更加个性化。同时，还可以使用其他CSS属性，如导航条的间距，使其更加舒适。
总之，CSS垂直导航条是一种简单而有效的导航方式，可以使页面更加简洁和易于阅读。无论您是初学者还是有经验的开发人员，都可以轻松创建自己的垂直导航条。