CSS第二次作业
**
2018-12-07 14:52:01
172
<!doctype html>
<html>
<head>
<title>CSS第二次作业</title>
<style type="text/css">
div{border-radius:10px;}
.main{list-style:none;width:100px;height:40px;line-height:40px;text-align:center;background-color:#ccc;margin:0px 1px;float:left;}
.box{width:100px;height:40px;background-color:#D6E6F7;line-height:40px;text-align:left;display:none;border:1px solid #ccc;border-radius:5px;color:#319BE6;}
.main:hove .box{display:block;}
</style>
</head>
<body>
<div>
<div class="clear"></div>
<div class="main">首页</div>
<div class="main">公司概况
<div class="box">发展中的公司</div>
<div class="box">企业简介</div>
<div class="box">组织机构</div>
<div class="box">领导关怀</div>
<div class="box">打死不说</div>
</div>
<div class="main">新闻报道</div>
<div class="main">产品与服务</div>
<div class="main">技术装备</div>
<div class="main">关于我们</div>
</div>
</body>
</html>