1

我正在使用 css3 制作这个形状。但我找不到一个优雅的解决方案来实现它。我已经尝试了一些来自 css3shapes 的示例，但这些都非常简单。我该如何绘制如此复杂的形状。

4

2 回答 2

1

这是不可能的，只有一个元素border-radius

边框半径只接受 8 个这样的参数

    border-top-left-radius: 1px 2px;
   border-top-right-radius: 3px 4px;
 border-bottom-left-radius: 5px 6px;
border-bottom-right-radius: 7px 8px;

你不能比这更多。

加上一个元素/盒子只有 4 个角，那个形状必须至少有 10 个角。

可能是个坏主意，但border-image如果你不希望它作为背景，你可以使用它。

或者使用 SVG

于 2013-08-17T13:57:47.437 回答
0

尝试边界半径形状语法。在不久的将来来找你。先在这里试试。http://leaverou.github.io/border-corner-shape/

于 2013-11-25T22:51:57.230 回答