HTML 导航栏代码示例 - 简单易用

<!DOCTYPE html>
<html>
<head>
	<title>导航栏</title>
	<style>
		nav {
			background-color: #333;
			overflow: hidden;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		nav a {
			color: white;
			text-align: center;
			padding: 14px 16px;
			text-decoration: none;
		}
		nav a:hover {
			background-color: #ddd;
			color: black;
		}
	</style>
</head>
<body>
	<nav>
		<a href='#'>首页</a>
		<a href='#'>新闻</a>
		<a href='#'>图库</a>
		<a href='#'>联系我们</a>
	</nav>
</body>
</html>