html css里固定菜单栏,HTML CSS怎么设置这种导航栏下拉式菜单

最新推荐文章于 2023-06-18 18:10:45 发布

一切都是最好的

最新推荐文章于 2023-06-18 18:10:45 发布

阅读量471

点赞数

文章标签： html css里固定菜单栏

ttp://www.w3.org/1999/xhtml">

纯CSS的下拉菜单支持IE6 IE7 Firefox

*{margin:0;padding:0;}

.menu{font-size:12px;position:relative;z-index:100;}

.menu ul{list-style:none;}

.menu li {float:left;position:relative;}

.menu ul ul {visibility:hidden;position:absolute;left:3px;top:23px;}

.menu table {position:absolute; top:0; left:0;}

.menu ul li:hover ul,

.menu ul a:hover ul{visibility:visible;}

.menu a{display:block;border:1px solid #aaa;background:#cacaca;padding:2px 10px;margin:3px;color:#fff;text-decoration:none;}

.menu a:hover{background:#fafafa;color:#000;border:1px solid #000;}

.menu ul ul{}

.menu ul ul li {clear:both;text-align:left;font-size:12px;}

.menu ul ul li a{display:block;width:100px;height:15px;margin:0;border:0;border-bottom:1px solid #858585;}

.menu ul ul li a:hover{border:0;background:#fafafa;border-bottom:1px solid #fff;}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注