立即学习“前端免费学习笔记（深入）”；
body { width:960px; margin: 40px auto; }
#menu { height:40px; width:100%; background:#1b1717; list-style:none; border-radius:5px; }
#menu li { float:left; list-style:none; width:130px; }
#menu a { top:10px;
padding:10px 40px 10px 40px;
position:relative;
text-transform: uppercase;
font: bold 12px/25px Arial, Helvetica;
}
#menu ul { display:none; }
#menu ul li{ background:#2b2b33;
position:relative;
width:130px;
height:40px;
left:-40px;
top:15px;
border-bottom:1px solid;
border-bottom-color:white;
}
#menu li:hover > ul { display: block; }
#menu ul ul li { position:relative; top:-25px; left:90px; background:#2937a7; }
/*第一个小三角代码*/
#menu ul li:first-child > a:after{ content: ”; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #CCC; position: absolute; top: -10px; left: 60px; }
/*第二个小三角代码*/
#menu ul ul li:first-child a:after{
left: -8px;
top: 12px;
border-left: 0px;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
border-right: 8px solid #444; }
Hone
Hone
Hone Hone Hone
Hone
Hone
Hone
Hone
Hone Hone
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3088404.html
