1、首先我们来看看下拉面板的效果吧，这个事稍微复杂一点的下拉面板，我们会一步步为您讲解，如何制作出这样一个下拉面板，但前提是你需要了解CSS的定位知识和HTML代码，因此没有这些基础的同学要先学一下HTML代码和CSS（层叠样式表）的知识。
3、接下来就着手下拉面板设计，首先我们来设计一个简单的，我们截取上一段代码中的<li><a href="http://www.shjypsj.com/html/company/conpany-introduction.html">关于建冶</a></li>这一行，首先铺好结构：<li><a href="http://www.shjypsj.com/html/company/conpany-introduction.html">关于建冶</a><ul><li><a href="#">公司介绍</a></li><li><a href="#">公司文化</a></li><li><a href="#">企业实力</a></li><li><a href="#">先进科技</a></li></ul></li>css片段.nav a {display:block}.nav a:hover { display:block;background:#F00}/*下拉列表*/.nav ul{display:none;}.nav li:hover ul{display:block; position:absolute; width:130px; top:46px; background:#069;}.nav li:hover ul li{ border-bottom:#99C 1px solid; border-right:none;}
