CSS Border(边框)

在CSS中，边框（border）是用来围绕元素的框架的一条线。你可以使用一系列的属性来控制元素的边框样式、宽度和颜色。以下是一些常见的CSS边框属性和用法：

1. 边框样式 (border-style):

div {
  border-style: solid; /* 边框样式，可选值：solid, dashed, dotted, double, groove, ridge, inset, outset, none */
}

2. 边框宽度 (border-width):

div {
  border-width: 2px; /* 边框宽度，可以使用像素、em、rem等单位 */
}

3. 边框颜色 (border-color):

div {
  border-color: #333; /* 边框颜色，使用十六进制颜色代码 */
}

4. 分别设置边框的属性:

div {
  border-style: solid;
  border-width: 2px;
  border-color: #333;
}

5. 简写形式 (border):

div {
  border: 2px solid #333; /* 使用简写形式设置边框样式、宽度和颜色 */
}

6. 圆角边框 (border-radius):

div {
  border-radius: 5px; /* 设置边框的圆角半径，创建圆角边框 */
}

7. 边框影子 (box-shadow):

div {
  box-shadow: 3px 3px 5px #888; /* 设置边框的阴影效果，参数分别为水平偏移、垂直偏移、模糊度和颜色 */
}

这些是一些基本的CSS边框属性和用法。你可以根据需要组合使用这些属性，以实现不同风格和效果的边框。

转载请注明出处：http://www.pingtaimeng.com/article/detail/12528/CSS