盒子模型

62 阅读1分钟

盒子模型基本 在这里插入图片描述 盒子模型的组合 两个盒子靠在一起时,只会有一个外边距,是二者中大的那个 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

.box1{
    background-color: aqua;

    border:5px rebeccapurple;

    border: 5px blue solid;
    border-left: 8px red solid;

    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
}

.box2{
    border: 5px dotted red;
    padding:  20px;
    margin: 20px 0;

}