如何让我的导航栏 首页 新闻 论坛在整个页面 居中
<style type="text/css">
.test ul { list-style:none; }
.test li {
float:left;
width:100px;
background:#CCC;
margin-left:3px;
line-height:30px;
}
.test a {
display:block;
text-align:center;
height:30px;
}
.test a:link {
color:#666;
background:url(images/icon1.jpg) #CCC no-repeat 5px 12px;
text-decoration:none;
}
.test a:visited {
color:#666;
text-decoration:underline;
}
.test a:hover {
color:#FFF;
font-weight:bold;
text-decoration:none;
background:url(images/icon2.jpg) #F00 no-repeat 5px 12px;
-moz-transform: translate(4px, 4px);
-webkit-transform: translate(4px, 4px);
-o-transform: translate(4px, 4px);
}
</style>
</head>
<body>
<div class="test">
<ul>
<li><a href="1">首页</a></li>
<li><a href="2">新闻</a></li>
<li><a href="3">论坛</a></li>
<li><a href="4">博客</a></li>
<li><a href="5">团购</a></li>
<li><a href="6">微博</a></li>
</ul>
</div>
</body>
</html>
慕粉19300841061回答
随时随地看视频慕课网APP
Html/CSS