css+html导航条

最新推荐文章于 2025-06-03 15:48:52 发布

原创最新推荐文章于 2025-06-03 15:48:52 发布 · 908 阅读

CC 4.0 BY-SA版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			div{
				width: 667px;
				height: 40px;	
				background-color: #ff7e00;							
			}
			a{
				display: block;
				float: left;
				padding: 0 18px;
				text-decoration: none;
				font: 14px "微软雅黑";
				font-weight: 700;
				color: #FFFFFF;
				line-height: 40px;
			}
			a:hover{
				background-color: #e46703;
			}
		</style>
	</head>
	<body>
		<div>
			<a href="">首页</a>
			<a href="">身边团购</a>
			<a href="">今日新单</a>
			<a href="">美食</a>
			<a href="">电影</a>
			<a href="">酒店</a>
			<a href="">旅游</a>
			<a href="">商城</a>
			<a href="">特价机票</a>
		</div>

	</body>
</html>