padding、margin

最新推荐文章于 2024-08-19 14:43:39 发布

转载最新推荐文章于 2024-08-19 14:43:39 发布 · 52 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wfl9310/p/9157740.html

本文详细介绍了CSS中的盒子模型，包括内边距(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>