手记 / CSS第二次作业

CSS第二次作业

3天前5浏览0评论
<!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>


相关标签:HTML
    0推荐

      刘刚

      PHP开发工程师

      作者的热门手记

      PHP中文网

      未登录