CSS 圆角代码：如何轻松创建圆角边框

在 CSS 中，可以使用 border-radius 属性来设置圆角。例如，设置一个元素的四个角都为 20 像素的圆角：

border-radius: 20px;

也可以分别设置每个角的圆角大小：

border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 40px;

还可以使用简写方式来设置四个角的圆角大小：

border-radius: 10px 20px 30px 40px;

其中，依次对应的是左上角、右上角、右下角、左下角的圆角大小。如果只需要设置两个角的圆角大小，可以这样写：

border-radius: 10px 20px 10px 20px;

其中，第一个值和第三个值都是左上角和右下角的圆角大小，第二个值和第四个值都是右上角和左下角的圆角大小。