logo标签列表

CSS菜单子菜单水平排列

htmlcss
3
我该如何创建类似这样的CSS菜单和子菜单? 当我点击或鼠标移动到菜单上时，底部会有一个小图标。请参考以下图片：https://istack.dev59.com/wpALX.webp
你尝试过什么？ - Charles
@Charles Tian：这就是我所能做到的。http://jsfiddle.net/furyfish/yPXbT/ - furyfish
1个回答
3

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/

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接