菜单栏示例一： 代码如下: http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"> $(function() { $("#container .menu1 ul li").click(function() { var index = $("#container .menu1 ul li").index(this); $(this).addClass("bg").siblings().removeClass(); $("#container .menu2 ul...
这是我刚刚作的一个导航条，为了让那四个LINK居中，我这样作了，但作完后发现了很多的问题，写出来和大家分享一下！ 首先我们先来看一下这个导航条！ test zishu /*zishu.cn*/ *{ margin:0; padding:0;} body{ font-size:12px; font-family:Verdana, "宋体", Arial; margin:100px 0;} a:link,a:visited{color:#000; text-decoration: none;} a:hover,a:active{color:#000;text-decoration: none;background-color: #FEFC6E;} ...
我希望能用最简单的代码去解决问题！CSS部分 代码如下: #menu ul {list-style:none;margin: 0px;padding: 0px;} #menu li {float:left;font-size:12px; background: #999; padding:2px 20px;border:1px solid #000; margin-left: -1px;} 内容部分： 代码如下: 标题一 标题一 标题一 标题一 标题一 标题一 #menu ul { list-style:none; margin: 0px; padding: 0px; } #menu li { float:left; font-size:12...
效果如下： 代码如下： 1 <!doctype html>2 <html>3 <head>4 <meta charset="utf-8">5 <title>导航</title>6 <style type="text/css">7 .dao{8 list-style: none;9 padding-left: 1px; 10 } 11 .dao li{ 12 float: left; 13 width: 84px; 14 margin-top: 100px; 15 background: #FFAE00; 16 text-align: left;...