您的位置：首页 > 其它

div布局，哈哈有点丑

2017-11-02 20:45 225 查看
<html>

<head>

<meta charset="utf-8">
<title>作业2</title>

</head>

<body>

    <div  style="height: 200px;width: 1200px;">

    <div style="height: 200px;width: 300px;background-color: red;float: left;"></div>

    <div style="height: 200px;width: 300px;background-color: yellow;float: left;"></div>

    <div style="height: 200px;width: 300px;background-color: #d02090 ;float: left;"></div>

    <div  style="height: 200px;width: 300px;background-color: #0000ff;float: left;">

          <biv style="height:150px;width: 300px;background-color: #778899;float: left;">

          </biv><biv style="height:50px;width: 300px;background-color: #0000ff;float: left;">

          </biv>

   

    </div>

    </div>

    <div style="height: 200px;width: 1200px;">

       <biv style="height: 200px;width: 300px;background-color: #000;float: left;"></biv>

       <biv style="height: 200px;width: 300px;background-color:yellow;float: left;"></biv>

    <biv style="height: 200px;width: 300px;background-color:#008080;float: left;"></biv>

    <biv style="height: 200px;width: 300px;background-color: #0000ff;float: left;">

       <biv  style="height: 100px;width: 300px;background-color: #0000ff;float: left;"></biv>

       <biv style="height: 100px;width: 300px;background-color: #ffe4c4;float: left;"></biv>

   

    </biv>

   

   

    </div>

    <div style="height: 200px;width: 1200px;">

        <biv style="height: 200px;width: 300px;background-color: #ffe4c4;float: left;"></biv>

        <biv style="height: 200px;width: 300px;background-color: yellow;float: left;" ></biv>

        <biv style="height: 200px;width: 300px;background-color: #7fff00;float: left;"></biv>

        <biv style="height: 200px;width: 300px;background-color: #ff7f50;float: left;">

        <biv  style="height: 50px;width: 300px;background-color: #ffe4c4;float: left;"></biv>

        <biv style="height: 150px;width: 300px;background-color: #ff7f50;float: left;"></biv>

        </biv>

    </div>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航