三款css横向二级菜单效果代码

作者：袖梨 2022-06-25
代码如下 复制代码




<a target="_blank" href="/js_a/js.html">网页特效</a>下拉菜单






第二款兼容主浏览器

代码如下 复制代码





纯css的下拉菜单支持ie6ie7firefox































导航菜单三

"http://www.***w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">


二级横向菜单

代码如下 复制代码

ul#nav a {
font-size:14px;
line-height:17px;
display: block;
padding:0 0 0 10px;
width:78px;
color: #777;
height:17px;
background: #fff;
border-left:solid 1px #fff;
border-top:solid 1px #fff;
border-right:solid 1px #fff;
border-bottom:solid 5px #697210;
}
ul#nav ul li{
width:100px;
border:0;
}
/* fix ie. hide from ie mac */
* html ul#nav li { float: left; height: 17px; }
* html ul#nav li a { height: 17px; }
ul#nav ul a { padding: 2px 0px 2px 10px;border:0;width:90px; }
ul#nav li:hover ul,ul#nav li.over ul { display: block; }



一款面试时写的菜单

相关文章

精彩推荐