<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>下拉列表</title> <link rel="stylesheet" href="css/reset.css" type="text/css"> <style type="text/css"> *{ padding: 0; margin: 0; } body{ background: #333; font: 16px/32px "微软雅黑"; } #box{ width: 500px; height: 326px; border: 3px solid #000; background: #ffffff; /*margin: 40px auto;*/ /*本身是一个层*/ position: absolute; left: 50%; top:50%; margin: -163px 0 0 -250px; } .province{ width: 320px; height: 42px; background: #c00; margin: 80px auto; position: relative; } .province strong{ width: 64px; height: 42px; line-height: 42px; display: block; float: left; color: #ffffff; padding-left: 10px; } #selectProvince{ display: block; float: left; width: 200px; height: 28
HTML+CSS+JavaScript实现简易下拉菜单
最新推荐文章于 2024-06-13 09:00:00 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)