CSS实现同一背景图的导航菜单
2018-10-12 13:59
531 查看
css实现导航菜单带背景图效果,sky整理收集。 ul,li{ list-style:none; float:left;} body{ font-size:12px; line-height:1.6; font-family:Verdana, "宋体", Arial; text-align:center;} #info li{ margin-left:4px; margin-top:15px;} #info a {display:block;text-align:center; padding-left:15px; padding-top:2px;padding-bottom:1px;background-image: url(/upload/201007/20100714195929854.gif); background-repeat: no-repeat;color: #000; width:47px; cursor:hand; text-decoration: none;} #job a:link,#job a:visited{background-position: -62px 0px;} #eve a:link,#eve a:visited{background-position: -124px 0px;} #oth a:link,#oth a:visited{background-position: -186px 0px;} #car a:hover ,#car a:active {background-position: 0px -22px; color:#fff;} #job a:hover ,#car a:active {background-position: -62px -22px; color:#fff;} #eve a:hover ,#car a:active {background-position: -124px -22px; color:#fff;} #oth a:hover ,#car a:active {background-position: -186px -22px; color:#fff;} 脚本之家,站长必备的高质量网页特效和广告代码。jb51.net,站长js特效。
相关文章推荐
- CSS实现同一背景图的导航菜单
- CSS实现背景图片不规则的导航菜单
- CSS实现背景图片不规则的导航菜单
- div+css实现鼠标经过背景高亮的导航菜单代码
- 不规则背景墙 CSS实现背景图片不规则的导航菜单
- JS+CSS实现Dock menu(MacOS菜单导航效果)
- 用css实现了一个精致的纵向导航菜单
- jQuery实现鼠标悬停背景翻转的黑色导航菜单代码
- 用css实现了一个精致的纵向导航菜单
- 简单的CSS 下拉导航菜单实现代码
- 纯css实现蓝色圆角效果水平导航菜单代码
- (2015/10/5)jQuery实现鼠标悬停背景翻转的黑色导航菜单代码(状态:未完成)
- CSS+JS实现结构化无限级导航菜单列表(直接调用)
- div+css实现蓝色vista风格css导航菜单效果
- JS+CSS实现Dock menu(Mac菜单导航效果)
- javascript HTML+CSS实现经典橙色导航菜单
- 用css实现了一个精致的纵向导航菜单
- CSS导航菜单,三级菜单实现代码
- JQ-CSS-实现导航菜单效果
- CSS导航菜单,三级菜单实现代码