在页面中导航的内容如果很多，为了划分清晰我们会做成下拉菜单的方式。那么我们经常都会使用JQ来操作、配合下拉动画完成对下拉菜单功能的编写，其实下拉菜单的效果，我们只用CSS就可以解决，代码简单、效果流畅。
CSS 下拉菜单
我们要使用 CSS 创建一个鼠标移动上去后显示下拉菜单的效果。
方法/步骤
1.新建一个html文件，命名为test.html ，用于介绍如何用css改变下拉框select样式。
2.在test.html页面，使用div创建一个模块，设置其class属性为select1.用于下面对该类名进行样式布局。
3.在div模块内，使用select标签创建一个下拉选择框，下拉列表是三个颜色的选择。
4.使用css对div进行样式布局，设置其宽度为298px ，高度为60px，并给它一个透明的背景颜色，设置其为圆角边框。
5.使用css对select下拉框进行样式的设置，设置其宽度为300px(比外层的div宽度大一点，效果更加好看)，高度为100%。
