Html 如何使用CSS设置某个角点的边界半径

如上图所示，我可以只给顶部零件一个半径而不是底部，或者有时给底部而不是顶部一个半径吗

---

有没有办法只给一个角指定边界半径？

就像

边界半径：左上右下右下左

div{
    width: 100px;
    height: 30px; 
    background: black;
    border-radius: 8px 8px 0 0
}

---

以下是仅适用于具有box类的div上圆角的CSS：

.box{
边界半径：5px 5px 0px 0px；
}

您还可能会发现以下内容很有帮助：

---

编辑：您不再需要webkit前缀了

使用边界半径，例如：

border-radius: 5px 5px 5px 5px;

或者，对于左上边框，您可以更具体地使用：

border-top-left-radius: 5px;

---

应该真正解释这四个值按顺序等于顶部、右侧、底部和左侧。但在边界半径中，它的左上角、右上角、右下角、底部-left@user2253835用解释更新了答案