CSS 边框

CSS 边框属性

CSS border 属性允许您指定元素边框的样式、宽度和颜色。

---

CSS 边框样式

• border-style 属性指定要显示的边框类型。
• border-style 属性可以设置一到四个值（用于上边框、右边框、下边框和左边框）。

允许以下值：

• dotted - 定义点线边框
• dashed - 定义虚线边框
• solid - 定义实线边框
• double - 定义双边框
• none - 定义无边框
• hidden - 定义隐藏边框

---

CSS 边框宽度

• border-width 属性指定四个边框的宽度。
• 可以将宽度设置为特定大小（以 px、pt、cm、em 计），也可以使用以下三个预定义值之一：thin、medium 或 thick

---

CSS 边框颜色

• border-color 属性用于设置四个边框的颜色。

---

CSS 边框 - 单独的边

• border-top-style 属性用于上方边框。
• border-right-style属性用于右侧边框。
• border-bottom-style属性用于底侧边框。
• border-left-style属性用于左侧边框。

---

CSS 圆角边框

• border-radius 属性用于向元素添加圆角边框。

实例：

p {
  border: 2px solid red;
  border-radius: 5px;
}

---

以上内容均整理自W3C，如需阅读全文请点击链接。