1、打开dw，建立一个新的html文档
2、在body标签输入
<ul>
<li>主页</li>
<li>日志</li>
<li>联系</li>
<li>关于我们</li>
</ul>
3、然后去除小圆点，在style标签输入
ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 200px;
background-color: #f1f1f1;
}
4、再输入
li a {
display: block;
color: #000;
padding: 8px 16px;
text-decoration: none;
}
5、最后输入
li a:hover {
background-color: #555;
color: white;
}
6、按f12预览，可以看到导航栏已经垂直了
