CSS 简写边框属性

 

1. CSS Border - 简写属性

就像您在上一章中所见，处理边框时要考虑许多属性。

为了缩减代码，也可以在一个属性中指定所有单独的边框属性。

border 属性是以下各个边框属性的简写属性：

  • border-width
  • border-style（必需）
  • border-color

范例

p {
  border: 5px solid red;
}

结果：

一些文本

我要试一试

您还可以只为一个边指定所有单个边框属性：

左边框

p {
  border-left: 6px solid red;
  background-color: lightgrey;
}

结果：

一些文本

我要试一试

下边框

p {
  border-bottom: 6px solid red;
  background-color: lightgrey;
}

结果：

一些文本

我要试一试

border-radius 属性用于向元素添加圆角边框。所有 CSS 边框属性：border 简写属性，在一条声明中设置所有边框属性。border-color 简写属性，设置四条边框的颜色。border-radius：简写属性，可设置圆角的所有四个 border-*-radius 属性。