如何利用HTML5和CSS3代码制作垂直菜单栏

1、第一步，打开HBuilder设计软件，新建静态页面main.html，如下图所示：

3、第三步，设置body元素的样式属性，还给div和ul添加class属性，如下图所示：

5、第五步，设置无序列表ul、li和a标签元素样式属性，添加字体颜色、背景色，如下图所示：