纯css色带，简单的方法？

Question

我想使用CSS3实现此功能区：

有没有办法在CSS 3中创建“扭曲”的矩形，还是应该使用三角形？ 我对CSS3很新。实现此功能区的最简单方法是什么？

Answer 1

我对这个工具运气不错：http://cssarrowplease.com/

在您的情况下，您将同时拥有:before和:after不同的箭头配置。

最后，请注意，要获得一个尖头箭头，您可以在4的一侧使用边框。但是要获得对角线，您只需在相邻的两个边上使用边框，而在另一边使用边框。

祝你好运！