Question

这是div，想要创造。这些角度为2 x 2，但我不知道如何从它们只获得2 x 2，而不是全部四个。我只需要创建没有内容和颜色的表单。

Answer 1

角落只能四舍五入。像右上角和左下角。仅使用html / css无法完成其他2个角落。你需要SVG或类似的东西。

以下是你如何接近......

div{
background:black;
border-top-left-radius:30px;
border-bottom-right-radius:30px;
border-bottom-left-radius:10px;
border-top-right-radius:10px;

width:100px;
height:80px;
}

<div>
</div>

Answer 2

编辑：

我不明白你的问题。您要实现的图像的哪个部分。这是纯css中的近似值。玩它可能会得到你想要的东西。

div{
  width:100px;
  height:75px;
  border-radius:0px 10px;
  background: linear-gradient(135deg,transparent,transparent 10%,rgba(0,0,0,40%) 10%, rgba(0,0,0,40%) 90%,transparent 90%,transparent 100%);
}

<div></div>

如何创建div看起来像这个矩形。有了这个表格

2 个答案: