Home > Article > Web Front-end > Black beautiful DIV CSS navigation menu code_html/css_WEB-ITnose
Black beautiful DIV CSS navigation menu code_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:30:101247browse
Code introduction: Beautiful black DIV CSS navigation bar, compliant with W3C standards, adaptive width, concise code, easy to modify, I believe you will like it.
Code content:
<!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>黑色漂亮的DIV+CSS导航菜单代码_网页代码站(www.webdm.cn)</title><style>#menu { background: #333; float: left; list-style: none; margin: 0; padding: 0; width: 100%; height: 0px;}#menu li { float: left; margin: 0; padding: 0; font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; font-size: 67.5%;}#menu a { background: #333; color: #ccc; display: list-item; float: left; margin: 0; padding: 8px 12px; font-weight:normal; text-decoration: none;}#menu a:hover { background: #2580a2; color: #fff; padding-bottom: 8px; } </style><div> <ul id="menu"> <li><a href="http://www.webdm.cn">网页代码站</a></li> <li><a href="/">Ajax/JavaScript</a></li><li><a href="/">ExtJS实例</a></li><li><a href="/">jQuery代码</a></li><li><a href="/">CSS特效</a></li><li><a href="/">HTML精选</a></li><li><a href="/">在线编辑器</a></li><li><a href="/">Mootools举例</a></li><li><a href="/">Prototype框架</a></li><li><a href="http://www.webdm.cn/">官方博客</a></li><li><a href="/">Guestbook</a></li></ul></body></html><br><p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！</p> Code from: http://www.webdm.cn/webcode/f991e76c-fc17-4aaa-81ba-cee5f086040a.html
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn