【问题标题】:How to create straight corners with CSS border-radius? [duplicate]如何使用 CSS 边框半径创建直角? [复制]
【发布时间】:2016-06-06 19:10:30
【问题描述】:

我正在尝试使用 CSS 边框半径属性创建这种直角:

但到目前为止,我只获得了基本的 CSS 圆角。有人对此有解决方案吗?我试图不使用图像来创建效果。

提前致谢。

【问题讨论】:

  • 边界半径,半径是圆的一部分

标签: css


【解决方案1】:

好吧,border-radius 总是会创建一个圆角边缘(或者你见过带半径的多边形吗?)。我会创建一个带有边框的可缩放 svg 图像(中间是透明度,以便让您在 css 中切换背景颜色)并将其用作框的背景。

编辑:好吧,也许看看这里链接的另一个问题。这些答案比我的要好。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-07-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-02-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多