纯CSS实现的竖向导航菜单
2018-10-12 14:09
405 查看
纯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; }
相关文章推荐
- JS+CSS实现另类带提示效果的竖向导航菜单
- JS+CSS实现另类带提示效果的竖向导航菜单
- 纯CSS实现的竖向导航菜单
- 纯css实现Magicline Navigation(下划线动画导航菜单)
- Web前端开发实战6:CSS实现导航菜单结合二级下拉式菜单的简单变换
- CSS实现同一背景图的导航菜单
- UL LI结构实现二级导航菜单(HTML+CSS+JS)
- div+css实现蓝色vista风格css导航菜单效果
- JS+CSS实现的二级下拉导航菜单
- 美观的导航菜单 -- JQuery实现,支持横向, 竖向
- 来自一个博客里的竖向CSS圆角导航菜单代码
- JS+CSS实现Dock menu(MacOS菜单导航效果)
- 简单的CSS 下拉导航菜单实现代码
- 【荐】纯CSS实现苹果MAC官方网站的菜单导航
- CSS导航菜单,三级菜单实现代码
- 美观的导航菜单 -- JQuery实现,支持横向, 竖向
- CSS导航菜单,三级菜单实现代码
- 使用CSS双层滑动门技术实现三态玻璃效果水平导航菜单
- CSS实现同一背景图的导航菜单