css盒子有哪些部分 |css居下

.box {
width: 200px;
height: 100px;
padding: 10px;
border: 1px solid #000;
margin: 20px;
}

首先是内容(content)，它是盒子中用于显示实际内容的部分。它的大小由元素的width和height属性决定，可以通过它来控制元素的大小。

接下来是内边距(padding)，它是在内容周围的空白区域。它的大小由padding属性决定，它的值可以是一个或多个，可以用来控制元素内容和元素边框之间的距离。

然后是边框(border)，它是内容和内边距之外的部分。它的大小和风格由border属性决定，可以用来控制元素边框的样式、宽度和颜色。

最后是外边距(margin)，它是盒子和其他元素之间的空白区域。它的大小由margin属性决定，它的值可以是一个或多个，可以用来控制元素之间的距离。

总之，了解了CSS盒子模型的四个部分，大家就可以更好地控制元素的大小、位置和样式，使网页的布局更加美观和规整。