Html Css形状与前后

我正在尝试使用css3制作此形状：

是否可以使用css3或将其保留为背景图像。如果我使用背景图像制作，是否有任何问题使其响应

我尝试使用前后元素，但无法使其正常工作：

形状{ 左边框：70px实心透明； 边框顶部：70px实心ffde00； 右边框：70px实心ffde00； 边框底部：70px实心ffde00； } 形状2{ 左边框：70px实心透明； 边框顶部：70px实心ffde00； 右边框：70px实心ffde00； 边框底部：70px实心ffde00； 位置：相对位置； } 形状2 h2{ 文本对齐：居中； 背景：ffde00； 填充：20px； 保证金：0px 0px 0px 0px； 边界半径：5px 0px 0px 5px； } .头衔{ 位置：绝对位置； 顶部：200px； 左：90px； 颜色：fff； } 新标题，

---

以下是如何使用CSS3制作此形状的示例：

形状{ 左边框：70px实心透明； 边框顶部：70px实心ffde00； 右边框：70px实心ffde00； 边框底部：70px实心ffde00； }

---

请定义-但这不起作用。现在还不清楚你在问什么。hi@chipChocolate.py我想把这个图片和css一起使用。但是也很困惑，对于这种问题，什么是最好的解决方案-：使用css形状或背景图片？谢谢。我从昨晚开始就在试着这么做。但是你解决这个问题有多容易：那么，你能建议我，我应该使用css还是为这种形状拍摄背景图像。我认为这取决于你真正想做什么。在同样的情况下，使用CSS和其他背景图像更容易。谢谢。我在这个形状上面有一个标题。若我把h2标记放在形状id之间，它的显示背景是白色的。那么，是否可以在该形状的顶部显示标题。。？再次感谢