跟李哥不一样的导航栏

css

.header{
	       background-color: orange;
		height: 50px;
		width: 100%;
		margin-top: 10px;
		}
.ccc{
	width: 800px;
	background-color: none;
    /* 居中 */
    margin: auto;
}
ul {
	/*去点*/
	list-style: none;
	text-align: center;
}
.ccc li:hover {
    background: #4dbaf3;
}
.ccc ul li a{
	background-color: none;
	float: left;
	color: white;
	text-decoration: none;
	font-size: 20px;
	margin-top: 7px;
	text-align: center;
	margin-left: 70px;
}

页面

<div class="header">
				<div class="ccc">
					<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>
		</div>