Html 如何创建类似于此矩形的div。用这个表格

这是div，他想创建。这些角度是2x2，但我不知道如何从它们那里得到2x2，不是全部四个。我只需要创建表单，不需要内容和颜色。

角只能是圆角。比如右上角和左下角。其他两个角不能仅使用html/css完成。您需要SVG或类似的东西

这是你可以接近的方式

div{ 背景：黑色； 边框左上半径：30px； 边框右下半径：30px； 边框左下半径：10px； 边框右上角半径：10px； 宽度：100px； 高度：80px； } 编辑：

我不明白你的问题。要实现映像的哪一部分。这里是纯css中的近似值。玩玩它也许你会得到你想要的

div{ 宽度：100px； 高度：75px； 边界半径：0px 10px； 背景：线性梯度135度，透明，透明10%，rgba0,0,0,40%10%，rgba0,0,0,40%90%，透明90%，透明100%； }

---

你在说什么…哪个部门…'我不知道如何从他们那里得到2 x 2，不是所有的四个“…那么2x2是四…所以你想要得到2x2，但不是四个…我想分别从其他两个角度设计2个角度，谢谢，但我可以创建这个，但不能完成它。你说完成它是什么意思？这就是你所要求的。。。如果我们忘记了我们不能在HTML/CSTO中完成的部分，它看起来像你说的没有颜色和内容的图像，那么我的回答完全符合你的要求。。。如果我遗漏了什么，请说得更具体些，说明我遗漏了什么，帮帮我帮帮你…哥们，左上角和右下角是直线，在你的例子中它们不是。我只想详细说明一下。你说的图像中的帧是什么意思？我只是用我所有的知识创造了它。。现在继续搜索你可以使用更多的梯度和背景大小来绘制边框，最终，框阴影可以帮助圆角：欢迎你，但这显然是一个SVG工作；