[CSS]导航条居中的问题
本帖最后由 cgiyan 于 2016-09-06 12:21 编辑我设计了一个导航条,但是不能居中显示,一直是在屏幕左侧显示,不知哪位能给指点下,我的代码如下:
<div class="blockcode"><blockquote><head>
<style type="text/css">
#menu {
font:12px verdana, arial, sans-serif;
}
#menu, #menu li {
list-style:none;
padding:0;
margin:0;
}
#menu li {
float:left;
}
#menu li a {
display:block;
/* ...................
width:150px;
height:30px;
line-height:30px;
text-align:center;
*/
padding:8px 50px;
background:#3A4953;
color:#fff;
text-decoration:none;
border-right:1px solid #000;
}
#menu li a:hover {
background:#146C9C;
color:#fff;
text-decoration:none;
border-right:1px solid #000;
}
#menu li a.last {
border-right:0; /* ...... */
}
</style>
</head>
<body>
<h1 align=center>Java_OS_Test_Report_99999_20160906</h1>
<div id="center-nav-demo">
<ul id="menu">
<li><a href="#">Java API</a></li>
<li><a href="#">Weblogic</a></li>
<li><a href="#">OHS</a></li>
<li><a href="#">OID</a></li>
<li><a href="#">OBIEE</a></li>
</ul>
</div>
</body>
页:
[1]