• 智能AI问答!更聪明、更完整、原创作!
  • 一款基于GPT的超级AI机器人,可以回答问题、聊天、创作、写文案!

css 如何让一个按钮左边是直角,其他都是圆角

发布于 2023-06-15 02:45:43

您可以使用 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-radiusborder-bottom-left-radius 设置为 0 来实现左侧直角。同时,我们将 border-top-right-radiusborder-bottom-right-radius 设置为同一个值(例如 10px),以实现右侧的圆角效果。

0 条评论

发布
问题

在线
客服