您可以使用 border-radius
属性来实现按钮角的圆角效果。例如,如果您想左侧是直角,其他三个角为圆角,则可以设置如下 CSS 样式:
button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
在上面的代码中,我们通过将 border-top-left-radius
和 border-bottom-left-radius
设置为 0
来实现左侧直角。同时,我们将 border-top-right-radius
和 border-bottom-right-radius
设置为同一个值(例如 10px
),以实现右侧的圆角效果。