<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
body { font-family:"黑体"; font-size:16px;}
ul,li{ margin:0; padding:0; list-style-type:none;}
a { color:#000; text-decoration:none;}
#tu01 {width:245px; height:130px;
background:url(subtitle.jpg) no-repeat;}
#tu01 #zi01 {
color:#FFF; font-size:24px; display:block;
padding:30px 20px; font-weight:bold;}
#menu {width:245px;
border-bottom:3px solid #ccc;}
#menu ul li {
height:40px; line-height:40px;
border-bottom:1px solid #ccc;
position:relative;}
#menu ul li a {display:block; padding:0 20px;}
#menu ul li a:hover {color:#FFF; background:#0162af;}
#menu ul li ul {
border:1px solid #ccc;
position:absolute; display:none;
width:245px; left:245px; top:0;}
#menu ul li:hover ul { display:block;}
#menu #AA{color:#CCC; float:right; font-weight:bold;}
#menu ul li a:hover span#AA{color:#FFF; background:#0162af;}
</style>
</head>
<body>
<div id="tu01"><span id="zi01">关于我们</span></div>
<div id="menu">
<ul>
<li><a href="#">公司简介<span id="AA">></span></a></li>
<li><a href="#">发展大事记<span id="AA">></span></a></li>
<li><a href="#">企业荣誉<span id="AA">></span></a></li>
<li><a href="#">企业文化<span id="AA">></span></a>
<ul>
<li><a href="#">企业愿景</a></li>
<li><a href="#">经营理念</a></li>
</ul>
</li>
<li><a href="#">厂容厂貌<span id="AA">></span></a></li>
</ul>
</div>
</body>
</html>
#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=
本文来自博客园，作者：凡是过去，皆为序曲，转载请注明原文链接：https://www.cnblogs.com/longhai3/p/15888039.html
如有疑问，欢迎提问
#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=
