css菜单子菜单水平

Question

如何创建这样的css菜单和子菜单。

当我在菜单上单击或移动鼠标时，它底部有一个小图标

Answer 1

HTML

<ul class="nav">
   <li><a href=#><span>Main item text</span><span class="bullet"></span></a>
      <ul>
        <li><a href=#><span>Sub item text</span><span class="bullet"></span></a></li>
      </ul>
   </li>
</ul>

CSS

ul.nav li ul { position: absolute; display: none; }
ul.nav li { float: left; }
ul.nav li:hover ul { display: block; }

除此之外，您必须正确地列出样式列表。 在这里，您可以尝试使用项目符号http://jsfiddle.net/9r4Lf/1/