Heim >Web-Frontend >HTML-Tutorial >黑色漂亮的DIV+CSS导航菜单代码_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 12:30:101253Durchsuche

代码简介:黑色漂亮的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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn