导航
×
   ❮   
HTML CSS JavaScript PHP Go ECMS

CSS 简写边框属性


CSS Border - 简写属性

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

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

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

  • border-width
  • border-style(必需)
  • border-color

实例

p {
 border: 5px solid red;
}

结果:

Some text

亲自试一试 »

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

左边框

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

结果:

Some text

亲自试一试 »

下边框

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

结果:

Some text

亲自试一试 »

freew3c.com 中文网是独立运营的中文开发者学习平台,与 freew3c.com 无关联。提供的内容仅用于学习和测试,不保证内容的正确性。


Copyright @2020-2026 京ICP备888888号-8