css盒子模型代码示例
时间: 2023-11-14 07:12:36 浏览: 47
CSS盒子模型是一个矩形的盒子,包含内容、内边距、边框和外边距。下面是一个CSS盒子模型的代码示例:
```
.box {
width: 200px;
height: 200px;
padding: 20px;
border: 1px solid black;
margin: 20px;
}
```
在这个示例中,我们定义了一个类名为“box”的盒子,它的宽度和高度都是200像素,内边距为20像素,边框为1像素的黑色实线,外边距为20像素。你可以根据自己的需要修改这些属性来创建不同的盒子。