大家好,今天我们来分享一下用纯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%。





















