Home > Article > Web Front-end > 黑色漂亮的DIV+CSS导航菜单代码_html/css_WEB-ITnose
黑色漂亮的DIV+CSS导航菜单代码_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:30:101203browse
代码简介：黑色漂亮的DIV+CSS导航条，符全W3C 标准，自适应宽度，代码简洁，修改方便，相信你会喜欢哦。
代码内容：
<!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> 代码来自：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
Previous article：放在网页左侧的DIV+CSS隐藏菜单代码_html/css_WEB-ITnoseNext article：div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法_html/css_WEB-ITnose