又一款来自国外的CSS深蓝色鼠标悬停放大菜单

<html>
<head>
<title>又一款来自国外的CSS深蓝色鼠标悬停放大菜单_网页代码站(www.webdm.cn)</title>
<style type="text/css">
/* www.webdm.cn*/
h1 {
font-family:arial;
}
    ul#navlist {
        display: inline;
        list-style: none;
    }
    ul#navlist li {
        float: left;
        width: 80px;
        height:30px;
    }
    ul#navlist li a {
        text-decoration: none;
        width: 80px;
        height:30px;
        padding:5px;
        font-size:9pt;
        font-family:arial;
        text-align:center;
        line-height:50px;
        border-top: 5px solid #fff;
        border-bottom: 5px solid #fff;
        border-right:1px solid #fff;
        border-left:1px solid #fff;
        background: #003663;
        display:block;
        color:#fff;
        }
        ul#navlist li a:hover {
        border-top: 5px solid #004a80;
        border-bottom: 5px solid #004a80;
        background:#004a80;
        font-size:9pt;
        font-weight:bold;
        }
</style>
</head>
<body>
<div id="container">
    <div id="header">
    <h1>CSS Menu: 悬停放大</h1>
    </div>
    <div id="navbar">
        <ul id="navlist">
            <li><a href="http://www.webdm.cn">网页代码站</a></li>
            <li><a href="#">网页特效</a></li>
            <li><a href="#">最新更新</a></li>
            <li><a href="http://www.webdm.cn">资源分类</a></li>
            <li><a href="#">下载排行</a></li>
            <li><a href="http://www.webdm.cn">ASP源码</a></li>
            <li><a href="http://www.webdm.cn">PHP源码</a></li>
            <li><a href="http://www.webdm.cn">我的博客</a></li>
        </ul>
    </div>
    </div>
</body>
</html>
<br>
<p>
<a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！</p>