CSS打造很棒的黑色背景下的导航菜单
2011-06-11 11:43
531 查看
代码简介:CSS打造很棒的黑色背景下的导航菜单
代码内容:
代码来自:http://www.webdm.cn/webcode/ac887eb6-8dc5-4b10-8592-15d7e05a7b26.html
代码内容:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS打造很棒的黑色背景下的导航菜单_网页代码站(www.webdm.cn)</title> <style> body{background-color:#292929;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align:center} #navcontainer{width:778px} #navlist { margin: 0; padding: 0 0 20px 20px; border-bottom: 1px solid #444; } #navlist ul, #navlist li { margin: 0; padding: 0; display: inline; list-style-type: none; } #navlist a:link, #navlist a:visited { float: left; line-height: 14px; margin: 0 10px 4px 10px; text-decoration: none; color: #999; } #navlist a:link#current, #navlist a:visited#current, #navlist a:hover { border-bottom: 1px solid #76B41C; padding-bottom: 5px; background: transparent; color: #fff; } #navlist a:hover { color: #fff; } </style> </head> <body> <p> </p> <p> </p> <div id="navcontainer"> <ul id="navlist"> <li><a href="/" target="_blank" id="current">Link 01</a></li> <li><a href="/" target="_blank">Link 02</a></li> <li><a href="http://www.webdm.cn/" target="_blank">Link 03</a></li> <li><a href="http://www.webdm.cn/" target="_blank">Link 04</a></li> <li><a href="/" target="_blank">Link 05</a></li> <li><a href="/" target="_blank">Link 06</a></li> <li><a href="/" target="_blank">Link 07</a></li> <li><a href="/" target="_blank">Link 08</a></li> <li><a href="http://www.webdm.cn/" target="_blank">Link 09</a></li> </ul> </div> </body> </html> <br> <p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码!</p>
代码来自:http://www.webdm.cn/webcode/ac887eb6-8dc5-4b10-8592-15d7e05a7b26.html
相关文章推荐
- JS+CSS打造网站头部蓝色简约可自动显示/隐藏的导航菜单
- Jquery+CSS打造的泡沫弹出框式的侧边蓝色导航菜单
- Jquery+CSS打造的泡沫弹出框式的侧边蓝色导航菜单
- CSS实现同一背景图的导航菜单
- 纯css打造绿色横向二级导航菜单代码
- CSS实现背景图片不规则的导航菜单
- 黑色漂亮的DIV+CSS导航菜单代码
- 纯CSS打造横向橘黄菜单导航
- JS+CSS打造简约的多级横向导航菜单
- 黑色与红色形成的水平CSS导航菜单
- 【荐】Jquery+CSS打造的泡沫弹出框式的侧边蓝色导航菜单
- (2015/10/5)jQuery实现鼠标悬停背景翻转的黑色导航菜单代码(状态:未完成)
- div+css实现鼠标经过背景高亮的导航菜单代码
- 黑色导航菜单,CSS带阴影效果
- 纯CSS打造的导航菜单(附jquery版)
- JS+CSS实现大气的黑色首页导航菜单效果代码
- 来自Individuality纯CSS打造的笔记本样式的菜单导航
- CSS打造黑色简洁菜单代码
- CSS用滤镜打造的椭圆型导航菜单