首页 > CSS教程 > CSS 圆角边框
此章节介绍:

    CSS 圆角边框

    CSS 圆角边框

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

    普通边框

    圆角边框

    圆角边框

    圆角边框

    实例

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



    所有 CSS 边框属性

    属性描述
    border简写属性,在一条声明中设置所有边框属性。
    border-color简写属性,设置四条边框的颜色。
    border-radius简写属性,可设置圆角的所有四个 border-*-radius 属性。
    border-style简写属性,设置四条边框的样式。
    border-width简写属性,设置四条边框的宽度。
    border-bottom简写属性,在一条声明中设置所有下边框属性。
    border-bottom-color设置下边框的颜色。
    border-bottom-style设置下边框的样式。
    border-bottom-width设置下边框的宽度。
    border-left简写属性,在一条声明中设置所有左边框属性。
    border-left-color设置左边框的颜色。
    border-left-style设置左边框的样式。
    border-left-width设置左边框的宽度。
    border-right简写属性,在一条声明中设置所有右边框属性。
    border-right-color设置右边框的颜色。
    border-right-style设置右边框的样式。
    border-right-width设置右边框的宽度。
    border-top简写属性,在一条声明中设置所有上边框属性。
    border-top-color设置上边框的颜色。
    border-top-style设置上边框的样式。
    border-top-width设置上边框的宽度。