CSS 盒子模型：
CSS 盒子模型是用于布局的基本概念，它描述了一个元素在页面上所占的空间。每个 HTML 元素可以看作是一个矩形的盒子，这个盒子包括内容、内边距、边框和外边距。
- 内容（Content）： 盒子里面的实际内容，比如文本、图像等。
- 内边距（Padding）： 内容区域与边框之间的空间，可以用来控制内容与边框的距离。
- 边框（Border）： 内容与内边距之间的边框，可以设置边框的样式、宽度和颜色。
- 外边距（Margin）： 盒子与相邻元素之间的空间，用来控制元素与元素之间的距离。
这些部分组合在一起形成一个完整的盒子，它们的大小由盒子模型的属性决定。
CSS 边框：
CSS 边框是用来装饰盒子的外观，可以通过边框设置样式、宽度和颜色。
/* 设置边框样式为实线，宽度为2像素，颜色为黑色 */
.element {
border-style: solid;
border-width: 2px;
border-color: black;
}
/* 或者使用简写形式 */
.element {
border: 2px solid black;
}
边框属性包括：
- border-style（边框样式）： solid（实线）、dashed（虚线）、dotted（点线）等。
- border-width（边框宽度）： 可以使用像素、em、rem等单位。
- border-color（边框颜色）： 可以使用颜色名称、十六进制值、RGB 值等。
转载请注明出处：http://www.zyzy.cn/article/detail/4001/CSS