小编Ror*_*ory的帖子

我尝试构建一个具有文本内容和边框（白色 1px 线）的梯形。

我发现了这样的例子：

height: 0;
width: 120px;
border-bottom: 120px solid #ec3504;
border-left: 60px solid transparent;
border-right: 60px solid transparent;

这是一个 png 示例，如果我使用它作为透明颜色的背景，它会起作用，但有点像黑客，不太好......

“clip-path”似乎支持不够，那么还有其他方法吗？SVG 有可能吗？

提前致谢