网站首页
无损音乐
高清电影
游戏新闻
动漫资讯
破解资源
站长资源
游戏攻略
纯CSS实现的竖向导航菜单
网络编程 发布日期：2026/1/17 浏览次数：
1
正在浏览：纯CSS实现的竖向导航菜单
<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> </head> <body> <ul> <li></li> <li>CSS特效</li> <li>源码下载</li> <li>广告联系</li> </ul> </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
上一篇：
select下拉选择框美化实现代码(js+css+图片)
下一篇：
javascript 图片滑动切换代码
首页
无损音乐
高清电影
破解资源