又一款来自国外的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>

文章来自:http://www.webdm.cn/webcode/6f7e566c-aff4-44be-930c-c70327cafcf6.html

 

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