div { border-radius: 10px 20px 30px 40px; /* 左上、右上、右下、左下 */ }
也可以用单一数值来代表四个角的圆角半径:
div { border-radius: 20px; /* 四个角都为20px的圆角 */ }
如果只想对某个角进行圆角处理,可以使用对应的属性,如border-top-left-radius代表左上角的圆角半径:
div { border-top-left-radius: 10px; }
如果想设置一个元素为圆形,可以将圆角半径设置成元素长宽的一半,如下:
div { width: 100px; height: 100px; border-radius: 50%; }
以上就是CSS设置圆角的方法,可以根据需要进行灵活运用。