Heim > Web-Frontend > HTML-Tutorial > 做企业站很适合的一款DIV+CSS导航菜单代码_html/css_WEB-ITnose

做企业站很适合的一款DIV+CSS导航菜单代码_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:29:40
Original
1321 Leute haben es durchsucht

代码简介:在一些企业网站里经常能见到这种横向简洁的CSS菜单,完全基于CSS+DIV技术实现,符合WEB标准,而且代码也不多,容易理解和修改,新手就当学习一下吧

代码内容:

<!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 type="text/css">body{	background: #FFF;	font-family: Arial, Helvetica, sans-serif;	color: #555555;	padding: 0px;	margin: 5px;	text-align: center;		font-size: 12px;}#nav{	height: 43px;	width: 566px;	background: #FFF;	margin:10px auto;	}.vline{	background: #999;	width: 1px;	height: 20px;	}#nav ul{	margin:0px;	padding: 0px;	list-style-type: none;}#nav li{	float: left;	font-family: Arial;	font-weight: bold;	font-size: 12px;	text-align: center;}#nav li a{	display: block;	width: 86px;	line-height: 28px;	color:  #555555;		text-decoration: none;	/*http://webdm.cn*/	border-top: 4px solid #0F35A5;	}#nav li a:hover{	color:  #7C8DD9;	border-top: 4px solid #7C8DD9;	}</style></head><body><div id="nav"><ul><li><a href="/">公司首页</a></li><li class="vline"></li><li><a href="http://webdm.cn">产品介绍</a></li><li class="vline"></li><li><a href="/">网页特效</a></li><li class="vline"></li><li><a href="http://webdm.cn">联系我们</a></li><li class="vline"></li><li><a href="/">新闻中心</a></li><li class="vline"></li><li><a href="/">语言切换</a></li><li class="vline"></li></ul></div></body></html><br><p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码!</p>
Nach dem Login kopieren

代码来自:http://www.webdm.cn/webcode/89aec196-3c67-4043-a612-e39300d7d667.html

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage