css 边角选中 |css内边距属性

.box {
width: 200px;
height: 200px;
border: 2px solid black;
}
/* 可以使用 border-top-left-radius 来选中左上角 */
.box1 {
border-top-left-radius: 50px;
}
/* 也可以使用 border-radius 来指定所有四个角的半径，然后再使用 border-top-left-radius 将左上角的半径设为 50px */
.box2 {
border-radius: 0 0 0 100px;
border-top-left-radius: 50px;
}

以上代码中，大家使用 border-top-left-radius 来指定左上角的半径。同时，大家也可以使用 border-top-right-radius 来指定右上角的半径，border-bottom-left-radius 来指定左下角的半径，以及 border-bottom-right-radius 来指定右下角的半径。

如果大家希望某个角落的半径与其他角落的半径不同，大家可以先使用 border-radius 指定所有角落的半径，再使用对应的 border-*-radius 属性来覆盖其中一个角落的半径。以上面的代码为例，大家可能会希望将所有角落的半径设为 100px，但是左上角的半径设为 50px。为了实现这一点，大家可以先将所有角落都设为 100px，然后再将左上角的半径设为 50px。

总之，CSS 边角选中可以让大家更加方便地控制元素的边角，从而创建更加具有表现力的界面。大家只需要掌握一些简单的属性，就可以轻松实现各种不同的设计效果。