老外网站扣下来的漂亮大气简约的CSS导航菜单

代码简介:

老外做的,代码简洁,兼容性好,大气十足,也许您正需要。

代码内容:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>老外网站扣下来的漂亮大气简约的CSS导航菜单_网页代码站(www.webdm.cn)</title>
	<style type="text/css">
		ul#menu { width: 100%; height: 43px; background: #FFF url("http://www.webdm.cn/images/20091030/menu-bg.gif") top left repeat-x; font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
		ul#menu li { display: block; float: left; margin: 0 0 0 5px; }
		ul#menu li a { height: 43px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; }
		ul#menu li a:hover { color: #333; }
		ul#menu li a.current{ color: #FFF; background: #FFF url("http://www.webdm.cn/images/20091030/current-bg.gif") top left repeat-x; padding: 5px 15px 0; }
	</style>
</head>
<body>
<br>
<br>
<ul id="menu">
<li><a href="#" title="">Home</a></li>
<li><a href="#" title="" class="current">Products</a></li>
<li><a href="1.htm" title="">Contact</a></li>
<li><a href="#" title="">Label 4</a></li>
<li><a href="#" title="">Label 5</a></li>
</ul>
</body>
</html>
<br>
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码!</p>

代码来自:http://www.webdm.cn/webcode/c1fcefb3-f85c-4f8e-9118-2392097da837.html

posted @ 2011-05-01 09:42  网页代码站  阅读(480)  评论(0编辑  收藏  举报