又一款来自国外的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
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 《HelloGitHub》第 106 期
· 数据库服务器 SQL Server 版本升级公告
· 深入理解Mybatis分库分表执行原理
· 使用 Dify + LLM 构建精确任务处理应用