padding、margin 

.div1{
    border: 1px solid red;
    width: 100px;
    height: 100px;
    padding: 5px;/*内边距 ，外边大小不变，内部与边框距离*/
}
        .div2{
             border: 1px solid red;
    width: 90px;
    height: 90px;
            margin: 0px;/*外边距盒子与盒子之间的距离0就像2个相框拉近缝贴缝的摆
            如果是20 就代表2个相框必须20px的距离摆在桌面上
            */


        }
    </style>
</head>
<body>
<div class="div1">
    <div class="div2">

    </div>
</div>

 

posted @ 2018-06-08 21:58  未来的技术  阅读(121)  评论(0)  编辑  收藏  举报