二维码

CSS Shorthand Border 属性

CSS Shorthand Border 属性

CSS Border - Shorthand 属性

正如您在上一页中看到的,在处理边框时需要考虑许多属性。

为了缩短代码,还可以在设置border属性。

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

  • border-width
  • border-style(必填)
  • border-color
1
p {  border: 5px solid red;}

结果:

您还可以仅指定一侧的所有单个边框属性:

左边框
1
p {  border-left: 6px solid red;}

结果:

底部边框
1
p {  border-bottom: 6px solid red;}

结果: