当前位置:Gxlcms > html代码 > 黑色漂亮的DIV+CSS导航菜单代码_html/css_WEB-ITnose

黑色漂亮的DIV+CSS导航菜单代码_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:25人阅读

代码简介:黑色漂亮的DIV+CSS导航条,符全W3C 标准,自适应宽度,代码简洁,修改方便,相信你会喜欢哦。

代码内容:

  1. <title>黑色漂亮的DIV+CSS导航菜单代码_网页代码站(www.webdm.cn)</title><style>#menu {
  2. background: #333;
  3. float: left;
  4. list-style: none;
  5. margin: 0;
  6. padding: 0;
  7. width: 100%;
  8. height: 0px;}#menu li {
  9. float: left;
  10. margin: 0;
  11. padding: 0;
  12. font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
  13. font-size: 67.5%;}#menu a {
  14. background: #333;
  15. color: #ccc;
  16. display: list-item;
  17. float: left;
  18. margin: 0;
  19. padding: 8px 12px;
  20. font-weight:normal;
  21. text-decoration: none;}#menu a:hover {
  22. background: #2580a2;
  23. color: #fff;
  24. padding-bottom: 8px;
  25. } </style><div>
  26. <ul id="menu"> <li>网页代码站</li> <li>Ajax/JavaScript</li><li>ExtJS实例</li><li>jQuery代码</li><li>CSS特效</li><li>HTML精选</li><li>在线编辑器</li><li>Mootools举例</li><li>Prototype框架</li><li>官方博客</li><li>Guestbook</li></ul><br><p>网页代码站 - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码!</p></div>

代码来自:http://www.webdm.cn/webcode/f991e76c-fc17-4aaa-81ba-cee5f086040a.html

人气教程排行