使用HTMLCSS的分层列表

概述我正在尝试创建一个顶级菜单,就像你在大多数应用程序中看到的那样,使用 HTML,CSS&的 JavaScript.我知道有很多预制的,但我想创造自己的. ----------------------| File | Edit | Help |----------------------| New || Save || Save As | --------- 我一直在尝试各 我正在尝试创建一个顶级菜单,就像你在大多数应用程序中看到的那样,使用 HTML,CSS&的 JavaScript.我知道有很多预制的,但我想创造自己的.

----------------------| file | Edit | Help |----------------------| New     || Save    || Save As | ---------

我一直在尝试各种CSS样式,以使下面的列表正确布局.这是适当的HTML结构,还是您推荐不同的结构？正确布局菜单需要什么CSS？我此刻并不关心功能.

我对任何HTML 5技术持开放态度,因为这只是个人主张.

<ul>    <li>file</li>    <ul>        <li>New</li>        <li>Save</li>        <li>Save As</li>    </ul>    <li>Edit</li>    <ul>        <li>Cut</li>        <li>copy</li>        <li>Paste</li>    </ul>    <li>Help</li>    <ul>        <li>About</li>    </ul></ul>

解决方法

<ul>    <li>        <a href="#">file</a>        <ul>            <li><a href="#">New</a></li>            <li><a href="#">Save</a></li>            <li><a href="#">Save As</a></li>        </ul>    </li>    <li>        <a href="#">Edit</a>        <ul>            <li><a href="#">Cut</a></li>            <li><a href="#">copy</a></li>            <li><a href="#">Paste</a></li>        </ul>    </li>    <li>        <a href="#">Help</a>        <ul>            <li><a href="#">About</a></li>        </ul>    </li></ul>

看看这里的示例：

http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery

总结

以上是内存溢出为你收集整理的使用HTML / CSS的分层列表全部内容，希望文章能够帮你解决使用HTML / CSS的分层列表所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。