这么用margin：auto把导航栏居中

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>导航栏</title>
	<style type="text/css">
	*{margin: 0;padding: 0;}
	ul{list-style: none;margin:30px auto;height: 30px;border-bottom: 10px solid red;width: 1000px;}
	a{display: block;float: left;text-decoration: none;color:#FF4500;width: 120px;height:30px;text-align: center; line-height:30px;}
	a:hover{background:blue;
	color: #000000;height: 40px;margin-top: -10px;line-height: 40px;}

	</style>
	</head>
	<body>
	<div>
	<ul>
	<li><a href="#">首页</a></li>
	<li><a href="#">新闻资讯</a></li>
	<li><a href="#">产品中心</a></li>
	<li><a href="#">售后服务</a></li>
	<li><a href="#">联系我们</a></li>
	</ul>
	</div>
	</body>
	</html>

东0123456789

浏览 1520回答 1

Perona

居中了呀

0 0

随时随地看视频慕课网APP