我正在尝试建立这个。类别 标题 梯形
我需要它是响应的。已经尝试过用 borders (wich are not responsive)。skew, rotations, :before, :after...... 运气不好。
我可以用以前的方法做梯形，但没有用上 3px solid black border.
请你帮我一把好吗？
先谢谢你
这就是你可以在SVG上做的方法
<svg viewBox="0 0 624 55" xmlns="http://www.w3.org/2000/svg">
<path d="M9,10 609,10 609,26 10,45z" fill="#0894CC" stroke="#000" stroke-width="2"/>
<text x="30" y="33" style="font-family: sans-serif; font-size: 16px; fill: #fff; text-transform: uppercase;font-weight: 700;">destacados</text>
</svg>