Html 如何使用CSS制作此形状？

.outer{
背景色：#FFB4；
填充：40px；
文本对齐：左对齐；
}

---

Lorem Ipsum nkdsdkjdks diosudisidusvero eos et accusam et justo dolores et ea reum。在vero eos和accusam以及justo duo dolores和ea Reum
 测试

尽管不是问问题的最佳方式，但我想这就是你想要的

HTML

---

这将创建您想要的形状，但如果您在css中快速搜索形状，您可以轻松获得此结果

请添加您的代码，这样我们可以帮助您添加一些代码，但我不知道如何创建此形状，这就是为什么在这里被问到的原因。这将帮助您理解。HTML代码

CSS代码

body{margin:0；}body{height:100vh；背景：线性渐变（120度，粉色65%，白色25%）}

<div class="shape"></div> 

.shape {
  width: 80px;
  border-right: 50px solid transparent;
  border-top: 100px solid red;
}