网上科普有关“如何利用纯CSS制作二级或多级导航菜单”话题很是火热 ，小编也是针对如何利用纯CSS制作二级或多级导航菜单寻找了一些与之相关的一些信息进行分析 ，如果能碰巧解决你现在面临的问题，希望能够帮助到您 。
本人亲测下面这些代码是可以实现二级或多级导航菜单的 。
<style>
<!--
* {margin:0px;padding:0px;}
body {overflow:scroll;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#000;}
a {font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#000;text-decoration:none;}
.menu {position:relative;width:1000px;background-color:#360;}
.menu ul {list-style-type:none;}
.menu li {float:left;position:relative;}
.menu ul ul {visibility:hidden;position:absolute;left:3px;top:22px;border:1px solid #000;}
.menu table {position:absolute; top:0; left:0;}
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
.menu a{display:block;background:#360;padding:2px 10px;color:#fff;text-decoration:none;border:1px solid #360;}
.menu a:hover{background:#690;color:#000;}
.menu ul ul,
.menu ul ul li {clear:both;text-align:left;}
.menu ul ul li a{display:block;width:100px;height:15px;}
.menu ul ul li a:hover{background:#690;}
-->
</style>
<body>
<div >
<ul>
<li><a href="#">一级菜单_01
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#">二级菜单_01</a></li>
<li><a href="#">二级菜单_02</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
</body>
自已也可以弄，但是不懂的话比较麻烦！/* 淘宝店铺导航栏CSS代码之分步详解第一部分、静态背景颜色 */ /* 1 、首页/店铺动态/其它导航类目的背景色 ，这里设为红色 */ .skin-box-bd .menu-list .link{background:red;} /* 2 、所有分类的背景色（最左边的） ，一样设为红色 */ .all-cats .link{background:red;} /* 到这里，发觉右边的颜色还没有变呢 ，好的 ，接着下一步 */ /* 3、导航条整个分类段背景色，还是要设为红色 ，整体布局好看些 */ .skin-box-bd .menu-list{background:red;} /* 注意观察 ，最右边还有一丝地方没有变 */ /* 4、导航条背景色（是最底层了吧），修补导航右侧缺口 ，再设为红色 */ .skin-box-bd{background:red;} /* 小结：有点成功感了！换换其它颜色试试看吧 */ /* 背景色最好搭配页头背景图 ，才能整体大气美观 */ /* 第二部分 、分隔线 、静态文字的颜色 */ /* 5、首页等分类的右边的分隔线颜色，设为白色 */ .menu-list .menu{border-color:white;} /* 6 、所有分类的右边的分隔线颜色 ，设为白色 */ .all-cats .link{border-color:white;} /* 7 、首页/店铺动态/其它导航类目的文字颜色 */ .menu-list .menu .title{color:yellow;} /* 8、所有分类的文字颜色（最左边那个）,*/ .all-cats .link .title{color:yellow;} /* 小结：其实原来默认文字的颜色也挺好的 */ /* 第三部分 、分类下的颜色 */
关于“如何利用纯CSS制作二级或多级导航菜单 ”这个话题的介绍 ，今天小编就给大家分享完了，如果对你有所帮助请保持对本站的关注！
本文来自作者[曼寒]投稿，不代表石号立场，如若转载，请注明出处：https://s0429.com/cshi/202512-2108.html
评论列表（4条）
我是石号的签约作者“曼寒”！
希望本篇文章《如何利用纯CSS制作二级或多级导航菜单_1》能对你有所帮助！
本站[石号]内容主要涵盖：国足,欧洲杯,世界杯,篮球,欧冠,亚冠,英超,足球,综合体育
本文概览：网上科普有关“如何利用纯CSS制作二级或多级导航菜单”话题很是火热，小编也是针对如何利用纯CSS制作二级或多级导航菜单寻找了一些与之相关的一些信息进行分析，如果能碰巧解决你现在...