我知道， 我的意思是只用margin来画。这个图起码有6个DIV

@乌鸦的朋友: 那你是啥问题?

@Cgrain: 只用margin来敲这个图的代码要怎么写？我发现margin的左右是没问题，但是margin-top就有问题。就是不能居中。只用margin难道敲不出上面那个图的效果吗？

@乌鸦的朋友:
css

<style>
    #centent,
    .MostInternal,
    .Internal_div {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        position: absolute;
        text-align: center; 
        
    } 
    #centent {
        height: 400px;
        width: 400px; 
        border: 1px solid #009324;
    } 
    .MostInternal {
        width: 50px;
        height: 50px; 
        border: 1px solid #000423; 
    }
    .Internal_div{ 
        width: 200px;
        height: 200px; 
        border: 1px solid #000423;

    }
</style> 

html

  <div id="centent">123
   <div class="Internal_div">  12
          <div class="MostInternal">  1 </div>
    </div>  
</div>

@Cgrain: 这图最外面是一个虚线的盒子，然后往里就是蓝色边框的盒子，再往里是背景颜色为pink的盒子，再往里面的第一条虚线是一个盒子，第二条虚线是一个盒子，最里面的那个是绿色的盒子和黄色的边框。做的思路是，从里面的盒子开始做起，依次往外面撑开这些盒子。最外面的盒子是350350，最里面的盒子是100100。两条白色虚线之间的距离是3px，蓝色边框是5px，黄色边框是2px。黄色边框与第一条虚线之间是49px，最外面的虚线与蓝色边框之间是21px。3条虚线是1px。其他随意，嵌套6个盒子做。

@乌鸦的朋友:

你没看懂嘛?
思路给你了,代码也给你了 ,需要多少个盒子,就写多少个div包裹