发新贴  快速回复

盒模型练习,使用margin完成,最外层的盒子位置不对,不知道怎么调整

  妙味用户591182
2021-02-20 21:40
<style>
        #box{
           
            height600px;
            width700px;
            background-color#3c3b4b;
            margin0px;
            
        }
        #con01{
            margin90px 140px;
            border5px solid #f38db9;
            background-color#3c3b4b;
            height410px;
            width410px;
        }
        #con02{
            margin30px;
            border3px dotted #bae1fd;
            height344px;
            width344px;
            background-color#c5acdb;
        }
        #con03{
            margin32px;
            border2px dashed white;
            background-color#9dc4f5;
            height276px;
            width276px;
        }
        #con04{
            margin30px;
            border1px dashed white;
            background-color#b9e0fe;
            height214px;
            width214px;
        }
        #con05{
            margin7px;
            border1px dashed white;
            background-color#b7b3e5;
            height198px;
            width198px;
        }
        #con06{
            margin43px;
            border2px dashed white;
            background-color#bae1fd;
            height113px;
            width113px;
        }
    </style>
</head>
<body>
    <div id="box">
        <div id="con01">
            <div id="con02">
                <div id="con03">
                    <div id="con04">
                        <div id="con05">
                            <div id="con06">
                                i like you!
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> 

</body>

登录 后才可以发表回复