2018-10-31 二阶段day3-homework

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            #div1{
                height: 80px;
                position: relative;
            }
            #img1{
                height: 20px;
                position: absolute;
                top: 35px;
            }
            #input1{
                position: absolute;
                top: 35px;
                right: 10px;
            }
            #div2{
                background-color: red;
                height: 70px;
                text-align: center;
                line-height: 50px;
            }
            #div3{
                height: 400px;
                background-color: salmon;
                position: relative;
            }
            #div31{
                position: absolute;
                left: 80px;
                bottom: 60px;
            }
            #div4{
                height: 10px;
                background-color: hotpink;
            }
        </style>
    </head>
    <body>
        <div id="div1">
            <img src="img/QQ截图20181031190512.png" id="img1"/>
            <form action="" method="get">
                
                <input type="text" name="SEARCH" value="" placeholder="SEARCH" id="input1" style="float: right;"/>
            </form>
        </div>
        <div id="div2">
            <div id="" style="height: 70px;width: 12.5%;float: left;">
                <a href="">集团介绍</a>
            </div>
            <div id="" style="height: 70px;width: 12.5%;float: left;">
                <a href="">产品中心</a>
            </div>      
            <div id="" style="height: 70px;width: 12.5%;float: left;">
                <a href="">卧龙市场</a>
            </div>      
            <div id="" style="height: 70px;width: 12.5%;float: left;">
                <a href="">技术研发</a>
            </div>
            <div id="" style="height: 70px;width: 12.5%;float: left;">
                <a href="">国际合作</a>
            </div>      
            <div id="" style="height: 70px;width: 12.5%;float: left;">
                <a href="">投资者关系</a>
            </div>      
            <div id="" style="height: 70px;width: 12.5%;float: left;">
                <a href="">新闻资讯</a>
            </div>      
            <div id="" style="height: 70px;width: 12.5%;float: left;">
                <a href="">人力资源</a>
            </div>
            
        </div>
        <div id="div3">
            <div id="div31" style="background-color: red;height: 180px;width: 250px;"></div>
        </div>
        
        <div id="div4">
            
    
             <div style="height: 300px;width: 50%;float: left;background-color: red;">
                <h1>新闻资讯</h1>
                <ol>
                    <li><a href="">1</a></li>
                    <li><a href="">2</a></li>
                    <li><a href="">3</a></li>
                </ol>
                
             </div>
            <div style="height: 300px;width: 25%;float: left;background-color: green;">
                <h1>卧龙介绍</h1>
            </div>
            <div style="height: 300px;width: 25%;float: left;background-color: blue;">
                <h1>人才招聘</h1>
                
            </div> 
        
        </div>
        <div id="div5"></div>
        <div id="div6"></div>
    </body>
            
        
</html>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容