### css菜单css主要分为一级菜单、二级菜单和多级菜单，而且基本都是用列表来写1、一级菜单：一级菜单可以分为水平方向的，又可以分为纵向的如 1.1水平横向菜单：这种菜单的写法一般有两种，一种是将列表的li标签的display属性设置为display:inline-block;而另外一种则是 直接使用浮动float属性，设置为 float: left;或者 float: right;  代码：``` 一级横向菜单方法一 nav ul{ list-style-type: none; } nav ul li{ float: left; margin-right: 5px; } nav ul li a{ text-decoration: none; background-color: aquamarine; } nav ul li a:hover{ background-color: lime; } 招聘兼职 房子租赁 日常用品 招聘兼职 房子租赁 日常用品 ``` 1.2一级纵向菜单：这个最简单，直接使用列表即可 (https://static.oschina.net/uploads/img/201510/26205935_iLsd.png )2、二级菜单和多级菜单也可以分为水平方向的，又可以分为纵向的，二级菜单的写法主要是先将二级菜单设置成display:none；然后当鼠标移动经过时将二级菜单设置为可见的就可以了。 代码：``` 一级横向，二级纵向菜单 *{ margin: 0; padding: 0; } nav{ width: 300px; margin:0 auto; } ul{ list-style-type: none; } li{ float:left; margin-right: 5px; } ul li ul{ display: none; } a{ text-decoration: none; background-color: antiquewhite; } a:hover{ background-color: #ff9900; display: block; } ul li:hover ul{ display: block; position: absolute; } ul li:hover ul li{ float: inherit; } 招聘兼职 招聘兼职 房子租赁 日常用品 房子租赁 招聘兼职 房子租赁 日常用品 日常用品 招聘兼职 房子租赁 日常用品 招聘兼职 招聘兼职 房子租赁 日常用品 ```
查看更多关于css菜单_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did113751