CSS实现圆角边框效果

CSS实现圆角边框效果

圆角边框属性：

border-radius: 50%;

效果：

单个控制每个圆角的弧度是：

border-top-left-radius: 20px;   /* 左上角 */
border-top-right-radius: 20px;   /* 右上角 */
border-bottom-left-radius: 20px;    /* 左下角 */
border-bottom-right-radius: 20px;   /* 右下角 */

演示下左上角的效果：