纯CSS实现的竖向导航菜单_软件编程_内江振祥营销策划有限公司

纯CSS实现的竖向导航菜单

发布时间：2026-01-11

点击量：

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>纯CSS竖向导航菜单</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 80%; font-weight: bold; } ul { list-style: none; margin: 0; padding: 0; } #menu3 { width: 160px; border: 1px solid #ccc; margin: 10px; } #menu3 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu3 li a:link, #menu3 li a:visited { color: #888; display: block; background: url(/upload/2010-3/20100303231545473.gif); padding: 8px 0 0 30px; } #menu3 li a:hover, #menu3 li a:active { color: #ffffff; background: url(/upload/2010-3/20100303231637519.png) 0 -32px; padding: 8px 0 0 30px; } </style> <script type="text/javascript" src="/public/static/common/js/ey_global.js?v=v1.7.1"></script>
</head> <body>  <ul> <li></li> <li>CSS特效</li> <li>源码下载</li> <li>广告联系</li> </ul>  <script type="text/javascript">var root_dir="";var ey_aid=472772;</script>
<script language="javascript" type="text/javascript" src="/public/static/common/js/ey_footer.js?v=v1.7.1"></script>
</body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

标签：# CSS # 竖向 # 导航菜单 # 源码下载 # 全选 # Helvetica # Arial # serif # sans # Verdana

上一篇：javascript 图片滑动切换代码

下一篇：select下拉选择框美化实现代码(js+css+图片)

纯CSS实现的竖向导航菜单

发布时间：2026-01-11

点击量：

返回

4008888355