首页 > CSS教程 > CSS 简写边框属性
此章节介绍:

    CSS 简写边框属性

    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;
    }

    结果:

    一些文本