/* 父容器样式，使导航栏居中 */
.navbar {
	background-color: #333;
	/* 导航栏背景颜色 */
	text-align: center;
	/* 让导航栏内的内容居中 */
}

.navbar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.navbar li {
	display: inline-block;
	/* 使列表项水平排列 */
}

.navbar a {
	display: block;
	color: #fff;
	/* 链接文字颜色 */
	text-align: center;
	padding: 14px 16px;
	/* 调整链接的内边距 */
	text-decoration: none;
	/* 去除下划线 */
}

/* 当鼠标悬停在链接上时的样式 */
.navbar a:hover {
	background-color: #555;
	/* 链接的背景颜色 */
}