如何利用HTML5和CSS3设置块级元素应用菜单

1、第一步，双击打开HBuilder开发工具，新建静态页面block.html，如下图所示：

2、第二步，在body元素内插入div、p、a和span，利用这些元素设计菜单，如下图所示：

3、第三步，在<style></style>内编写样式属性，设计a标签侍厚治越元素样式属性，如下图所示：

4、第四步，预览该静态页面，查看页面在浏览器中的效果，如下图所示：

5、第五步，设计a标签hover和active的样式属性，设置字体属性、字体大小、宽度、高度和行高，如下图所示：

6、第六步，添加a标签link样式属性，再次预览该静态页面，如下图所示：