纯css下拉菜单
css如何设置翻转下拉框样式？
如何使用HTML和CSS制作下拉菜单？
1.必须运用的原素：position hover (z-index) 或（overflow）或（display）这些。
关键环节便是div的流出部位的解决。
2.完成全过程：
2.1：便是要将你必须做的菜谱的div，放到你触碰的那一个div中
2.2：给一个精准定位，使他到外边去（留意2个div中间要衔接起来）
2.3：在你触碰的div设置实际的值（例如，一开始（菜单栏div）的z-index是负数，当初触碰时(触碰div)z-index值增大）
假如得用z-index就必须留意poistion这一属性值。
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\\%。
6，再应用css对select下拉框的关键点开展设置，设置其背景透明（background: transparent），无框（border: none），左内边距为10px（padding-left: 10px），外框为圆弧（border-radius: 10px），字体样式为微软雅黑（font-family: \\