CSS中的盒子模型是指每个html元素都被看做是一个矩形的盒子，这个盒子由四个部分组成：内容(content)、内边距(padding)、边框(border)和外边距(margin)。通过这些部分的组合，可以实现网页的布局和排版。

.box {
width: 200px;   /* 设置宽度 */
height: 100px;  /* 设置高度 */
padding: 10px;  /* 设置内边距 */
margin: 20px;   /* 设置外边距 */
border: 1px solid black;  /* 设置边框 */
}

在上面的代码中，我们通过设置width和height来定义盒子的内容部分的大小，padding用来设置内容部分与内边距的间隔，margin则用来设置盒子与其他元素之间的间距。

盒子的边框可以使用边框属性（border）来设置，该属性由三个部分组成：边框宽度、边框样式和边框颜色。在上述代码中，我们使用了border属性，并将边框大小设置为1个像素，边框样式设置为实线，边框颜色设置为黑色。

需要注意的是，CSS的盒子模型有两种不同的标准：W3C标准和IE标准。在W3C标准中，盒子的总宽度=width+padding+border+margin；而在IE标准中，盒子的总宽度仅包括width、border和padding三部分。因此，在编写CSS代码时需要注意选择合适的盒子模型标准。

.box {
box-sizing: content-box;   /* 使用W3C标准 */
}

如果想要使用W3C标准，可以通过设置box-sizing属性来实现。在上述代码中，我们将box-sizing属性设置为content-box，即使用W3C标准。同时，box-sizing属性还可以设置为border-box，表示使用IE标准。

通过对盒子模型的深入了解和使用，可以更加灵活地实现网页的布局和排版。