在html中，您可以只弯曲或圆化方框的上角吗？

请问，是否有一个代码，只圆一个div的上角？我正在尝试创建一张卡片，下面是到目前为止的代码：

<div id="card1">
            <div id="card1i"></div>
           
</div>

在卡片中，我想添加一个标题，它将具有不同的背景，因此我添加了以下内容：

#card1i {
width: 250px;
height: 50px;
background-color: rgb(212, 202, 202);
  }

---

但在标题中添加第二个div（card1i）会删除原始卡片（card1）的略圆顶角。如果我尝试将边框半径添加到第二个div（card1i）中，这是具有不同背景颜色的标题，则底角也会变成圆形，这是我不想要的。请问这是一种只制作第二个div圆的顶角的方法，还是有一种完全不同的方法制作这张卡？

您可以使用边框右上半径和边框左上半径。在W3中探索边界半径，您可以使用许多其他css属性。

使用此：

边界半径{10px，10px，0，0}

对于两个容器，在像素方面做得更好。-<代码>边框右上角半径：20px；边框左上半径：20px

#card1i {
width: 250px;
height: 50px;
background-color: rgb(212, 202, 202);
  }