Html 创建CSS DIV形状

我查阅了太多CSS形状资源，这很可笑，但我似乎找不到我的答案。我试图用这个形状创建一个div，这样我就可以在它里面放一行文本

---

这可能吗？或者我应该换一种方式使用背景图像吗？

您可以使用transform 3D

请参阅（在许多其他链接中）

div.pp{
透视：500px；/*触发3d效果*/
填充：0.2.5%；
}
第rt部分{
透视：继承；/*需要反转内容上的三维变换效果*/
高度：150像素；
背景：#333；
边界半径：5px；
变换：rotatex（-10度）；
长方体阴影：0 0 1px；/*模糊边缘*/
}
.rt p{
字体大小：5vw；
利润率：0.3%；
颜色：白色；
变换：rotatex（10度）；/*重新备份文本*/
}

这里有文字吗？

最好使用SVG而不是CSS。这个答案可以给你一些想法-哈！这似乎是我问题的答案。我没有意识到我尝试了错误的事情。谢谢使用图像-你会遇到很多浏览器不兼容的问题，这是不值得的。但如果你必须按照Harry的建议使用SVG或者HTML5画布，那么事实上，SVG支持并不像我想象的那么糟糕，对于IE来说，通常有一些警告-