border-radius: 10px;
border-radius 属性是实现圆角最常用的属性。该属性值可以是一个或四个具体数值。如果只有一个值,则表示四个角的圆角半径为该值;如果有四个值,则表示四个角的圆角半径分别为所指定的四个值。
border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius:10px;
如果需要指定顶部左、顶部右、底部左和底部右的角度,也可以用以上四个单独的属性。
border-top-right-radius: 10px 20px;
如果需要指定边框的两个角的半径,可以用一个值表示水平半径和垂直半径。水平半径在前,垂直半径在后。以上面的代码为例,右上角的水平半径为 10px,垂直半径为 20px。
border-radius: 50%;
最后,单位还可以是百分比。如果设置为 50%,则会将元素变成圆形。
以上是 CSS 中常用的圆角属性。不同的属性可以实现不同的效果,具体使用需要根据实际情况进行选择。