CSS 菜单样式

最新推荐文章于 2022-05-17 11:14:38 发布

wulei4

最新推荐文章于 2022-05-17 11:14:38 发布

阅读量257

点赞数

分类专栏： css 文章标签： xhtml

本文链接：https://blog.csdn.net/wulei4/article/details/84384862

版权

css 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<style type="text/css">
body,td,th {
	font-size: 12px;
}
body {
	margin: 0px;
	margin: 0px;
}
.clear{ clear:both;}
.test{width:100%; background:#03873F; margin-top:50px;}
.test ul{list-style:none; margin:0px; padding:0px; margin-left:150px;}
 .test li{float:left;width:100px;background:#CCC;margin-right:3px;line-height:30px;}
 .test a{display:block;text-align:center;height:30px;}
 .test a:link{color:#666;background:url(arrow_off.gif) #CCC no-repeat 5px 12px;text-decoration:none;}
 .test a:visited{color:#666;text-decoration:underline;}
 .test a:hover{color:#FFF; font-weight:bold;text-decoration:none;background:url(arrow_on.gif) #F00 no-repeat 5px 12px;} 
</style>
</head>
<body>
<div class="test">
 <ul>
 <li><a href="1">首页</a></li>
 <li><a href="2">产品介绍</a></li>
 <li><a href="3">服务介绍</a></li>
 <li><a href="4">技术支持</a></li>
 <li><a href="5">立刻购买</a></li>
 <li><a href="6">联系我们</a></li>
 </ul>
 <div class="clear"></div>
 </div>
</body>
</html>