左上、右上、左下、右下分别设置圆角

/* 四个角分别设置 */
.border-radius {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

/* 左上角、右上角 */
.border-top-radius{border-radius:3px 3px 0 0;}

/* 右上角、右下角 */
.border-right-radius{border-radius:0 3px 3px 0;}

/* 左下角、右下角 */
.border-bottom-radius{border-radius:0 0 3px 3px;}

/* 左上角、左下角 */
.border-left-radius{border-radius:3px 0 0 3px;}

/* 圆形 */
.circular{border-radius:50%;}

Copyright © 2024 码农人生. All Rights Reserved