html - 如何仅使用 CSS 设置某个角的边框半径

Question

在此处输入图像描述

如上所示，我可以只给顶部而不是底部或者有时是底部而不是顶部的半径吗？

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

score 5 · Accepted Answer

喜欢border-radius:top-left top-right bottom-right bottom-left，

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

score 3 · Accepted Answer

要么使用border-radius，例如：

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

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

border-top-left-radius: 5px;

score 1 · Accepted Answer

这是仅在具有类框的 div 上的圆角的 CSS：

.box { border-radius: 5px 5px 0px 0px; }

您可能还会发现这很有帮助：http ://css3generator.com/

编辑： 显然你不再需要 webkit 前缀了！

3 回答 3