导航菜单

最新推荐文章于 2024-06-04 21:34:50 发布

ly_zioyne

最新推荐文章于 2024-06-04 21:34:50 发布

阅读量195

点赞数

本文链接：https://blog.csdn.net/ly_zioyne/article/details/53512378

版权

代码：

<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>竖起方向的菜单</title>

	<style>
	body,menu,ul,li{ margin:0px; padding:0px;}
	ul,li{ list-style:none;}
	body{ font-size:12px; font-family:Georgia, "Times New Roman", Times, serif;}
	menu{ width:800px; height:32px; margin:0px auto; background:red;}
	menu ul li{ width:100px; text-align:center; font-size:14px;line-height:32px; color:#FFF; float:left; font-weight:bold; background:url(pic/icon.png) no-repeat left -1406px; }
	menu ul .on{ background:none;}

	</style>

	</head>


	<body>

	<menu>
	<ul>
	<li class="on">公司首页</li>
	<li>公司简介</li>
	<li>公司新闻</li>
	<li>公司产品</li>
	<li>公司客服</li>
	<li>网站地图</li>
	<li>网站留言</li>
	<li>联系我们</li>
	</ul>
	</menu>


	</body>
	</html>