当前位置:  编程技术>WEB前端

一个新的CSS菜单代码

    来源: 互联网  发布时间:2014-09-06

    本文导语:  body { font-family: verdana, helvetica, arial, sans-serif; } #mainMenu { background-color: #EEE; border: 1px solid #CCC; color: #000; width: 203px; } #menuList { margin: 0px; padding: 10px 0px 10px 15px; } li.menubar { background: url(/image...

body { font-family: verdana, helvetica, arial, sans-serif; } #mainMenu { background-color: #EEE; border: 1px solid #CCC; color: #000; width: 203px; } #menuList { margin: 0px; padding: 10px 0px 10px 15px; } li.menubar { background: url(/images/plus.gif) no-repeat 0em 0.3em; font-size: 12px; line-height: 1.5em; list-style: none outside; } .menu, .submenu { display: none; margin-left: 15px; padding: 0px; } .menu li, .submenu li { background: url(/images/square.gif) no-repeat 0em 0.3em; list-style: none outside; } a.actuator { background-color: transparent; color: #000; font-size: 12px; padding-left: 15px; text-decoration: none; } a.actuator:hover { text-decoration: underline; } .menu li a, .submenu li a { background-color: transparent; color: #000; font-size: 12px; padding-left: 15px; text-decoration: none; } .menu li a:hover, submenu li a:hover { /*border-bottom: 1px dashed #000;*/ text-decoration: underline; } span.key { text-decoration: underline; }
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

    
 
 

您可能感兴趣的文章:

  • CSS图片翻转菜单
  • 无限级CSS树形菜单 Ver2.0
  • 快速制作CSS导航菜单教
  • ul+li及css制作韩国风格菜单代码
  • dl,dt,dd制作的CSS垂直菜单
  • <font color=red>以前写的两个CSS树形菜单
  • 用CSS实现下拉菜单的多种方法
  • CSS网页布局入门教程14:纵向下拉及多级弹出式菜单
  • DIV+CSS实现的滑动门菜单特效代码
  • 支持IE6 IE7 Firefox 的纯CSS的下拉菜单
  • jquery+div+css二级菜单的实现代码
  • 用CSS打造 抽屉菜单
  • CSS网页布局入门教程12:纵向导航菜单
  • CSS网页布局入门教程13:下拉及多级弹出式菜单
  • 网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容
  • css写菜单:简洁注释版
  • 编写纯 CSS 弹出菜单的原理及实现 By shawl.qiu
  • Div+Css(+Js)菜单代码及制作工具
  • 无js5款纯div+css制作的弹出菜单标准
  • PHP去除html标签,php标记及css样式代码参考
  • CSS代码格式化 CSS Beautify
  • CSS代码检查工具 CSS Lint
  • 无用css代码检查工具 Helium-css
  • php 压缩多个CSS文件的实现代码
  • 快速编写HTML/CSS代码 Emmet
  • JS/CSS代码片段测试 JS Bin
  • 用css来控制图片大小显示的实现方法与代码
  • css li 超出隐藏代码
  • CSS实现简单的图片防盗链代码
  • css中的行间距的代码
  • PHP压缩CSS文件示例代码
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • java命名空间javax.swing.text.html类css的类成员方法: css定义及介绍
  • <!--@import"css/cssset/.css-->,css/cssset/.css是什么意思?
  • java命名空间javax.swing.text.html类css的类成员方法: getattribute定义及介绍
  • CSS预处理器 Less CSS
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: font定义及介绍
  • css强制换行 css强制不换行的css方法
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: margin定义及介绍
  • jquery css类用法(添加、修改与删除css)
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: padding定义及介绍
  • CSS 框架 Simpl.css
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: border定义及介绍
  • CSS解析器 CSS Parser
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: clear定义及介绍
  • CSS压缩器 Css Compressor
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: height定义及介绍
  • Eclipse的CSS编辑插件 CSS Editor
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: color定义及介绍
  • jQuery添加/改变/移除CSS类及判断是否已经存在CSS
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: display定义及介绍
  • CSS 开发框架 Compass CSS
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: float定义及介绍
  • jQuery CSS()方法改变现有的CSS样式


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3