如何用CSS设置某些角落的边界半径

Question

如上图所示，我可以仅给出顶部的半径而不是底部，有时是底部而不是顶部？

有没有想过只给一个角落的边界半径？

Answer 1

赞border-radius:top-left top-right bottom-right bottom-left，

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

<强> DEMO

Answer 2

使用border-radius，例如：

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

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

border-top-left-radius: 5px;

Answer 3

这是圆角的CSS，仅适用于带有一类框的div：

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

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

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