css div 超酷導覽功能表源碼

來源:互聯網
上載者:User
提示:您可以先修改部分代碼再運行

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>無標題文檔</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>Item 01</li><li>Link 02</li><li>Link 03</li><li>Link 04</li><li>Link 05</li><li>Link 06</li><li>Link 07</li><li>Link 08</li><li>Link 09</li></ul></div></body></html>
提示:您可以先修改部分代碼再運行
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.