学步园

css：

.menu {
	width: 850px;
}

div.menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: auto;
}

div.menu ul li {
	float: left;
}

div.menu ul li a,div.menu ul li a:visited {
	background-color: #465c71;
	border: 1px #4e667d solid;
	color: #dde4ec;
	display: block;
	line-height: 1.35em;
	padding: 4px 20px;
	text-decoration: none;
	white-space: nowrap;
}

div.menu ul li a:hover {
	background-color: #bfcbd6;
	color: #465c71;
	text-decoration: none;
}

div.menu ul li a:active {
	background-color: #465c71;
	color: #cfdbe6;
	text-decoration: none;
}

html：

<div align="center">
			<div class="menu">
				<ul>
					<li>
						<a href="javascript:void(0);">Blog首页</a>
					</li>
					<li>
						<a href="javascript:void(0);">.NET</a>
					</li>
					<li>
						<a href="javascript:void(0);">Java</a>
					</li>
					<li>
						<a href="javascript:void(0);">C++</a>
					</li>
					<li>
						<a href="javascript:void(0);">软件工程</a>
					</li>
					<li>
						<a href="javascript:void(0);">Web</a>
					</li>
					<li>
						<a href="javascript:void(0);">数据库</a>
					</li>
					<li>
						<a href="javascript:void(0);">最新文章</a>
					</li>
					<li>
						<a href="javascript:void(0);">博客排行版</a>
					</li>
				</ul>
			</div>
		</div>