15、CSS 布局：边框、内边距与定位指南

CSS 布局：边框、内边距与定位指南

1. 边框样式设置

在 CSS 中，我们可以根据边框的边、宽度、样式和颜色来设置边框样式。主要涉及的属性有 border-width 、 border-style 和 border-color ，并且可以通过在属性中指定边来设置特定边的样式，例如 border-left-color 、 border-right-style 等。

• 边框宽度 ：可以使用长度值（如像素或 em）或关键字（thin、medium、thick）来指定边框宽度。示例如下：

border-bottom-width: 2px;
border-left-width: thick;

• 边框样式 ：目前有八种样式值可以创建独特的边框，另外还有两个值用于 border-style 属性，具体如下表所示：
  |样式|效果|
  | ---- | ---- |
  |dotted|一系列点|
  |dashed|一系列短划线|
  |solid|一条实线|
  |double|两条实线|
  |groove|嵌入画布的凹槽|
  |ridge|从画布中突出的脊线|
  |inset|嵌入式外观|
  |outset|凸起外观|
  |h