纯css制作网页下拉菜单栏

制作下拉菜单栏的方式有很多，可以通过js显示菜单栏，也可以用伪类等等各种有效方法。那么我呢！尝试用纯的css简单实现菜单栏的功能。

Html布局及css样式代码：

其实就是使用伪类的思想，当鼠标移到按钮，display：block属性就能将下拉菜单内容显示，并且点击则有页面跳转效果。