css3边框变圆 |模态框的css

border-radius: 10px;     /* 设置四个角为10px的圆角 */
border-radius: 10px 5px;  /* 设置左上、右下为10px的圆角，右上、左下为5px的圆角 */
border-radius: 10px 5px 2px 8px;  /* 设置左上为10px，右上为5px，右下为2px，左下为8px */

此外，大家还可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius和border-bottom-right-radius来单独设置某个角的圆角效果。比如：

border-top-left-radius: 10px;  /* 设置左上角为10px的圆角 */
border-bottom-right-radius: 5px;  /* 设置右下角为5px的圆角 */

如果大家需要为不同的元素设置相同的圆角效果，可以使用公共类来实现。比如这样：

.rounded {
border-radius: 10px;
}

这样，大家就可以为多个不同的元素添加.rounded类，达到相同的圆角效果。