CSS打造很棒的黑色背景下的导航菜单
生活随笔
收集整理的這篇文章主要介紹了
CSS打造很棒的黑色背景下的导航菜单
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
代碼簡介：CSS打造很棒的黑色背景下的導航菜單
代碼內(nèi)容：
<!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打造很棒的黑色背景下的導航菜單_網(wǎng)頁代碼站(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">網(wǎng)頁代碼站</a> - 最專業(yè)的代碼下載網(wǎng)站 - 致力為中國站長提供有質(zhì)量的代碼！</p>代碼來自：http://www.webdm.cn/webcode/ac887eb6-8dc5-4b10-8592-15d7e05a7b26.html
轉(zhuǎn)載于:https://www.cnblogs.com/webdm/archive/2011/06/11/2078268.html
總結
以上是生活随笔為你收集整理的CSS打造很棒的黑色背景下的导航菜单的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 救援模式下解决boot.local修改后
- 下一篇： 一些常用的CSS hack代码