首页 > 代码库 > 微软风格的CSS横向菜单
微软风格的CSS横向菜单
<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>水平导航菜单（DIV+CSS）</title><style type="text/css">body{background: #FFF;font-family: Arial, Helvetica, sans-serif;color: #666666;padding: 0px;margin: 5px;text-align: center;font-size: 12px;}#nav{height: 44px;width: 425px;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: 84px;line-height: 28px;color: #666;text-decoration: none;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="http://www.js323.com">产品介绍</a></li><li class="vline"></li><li><a href="http://www.sjzlixing.com">石家庄拓展</a></li><li class="vline"></li><li><a href="#">联系我们</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>
微软风格的CSS横向菜单
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。