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

时间：2011-05-01 来源：网页代码站

代码简介：

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

代码内容：

<!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%;  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 {  color: #777; text-decoration: none; display: block; float: left; line- 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