html - 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/一起使用