如何在css中仅在边框的顶部制作圆角？

Question

在我的网站中,我需要在顶角处制作一个圆角.但我不知道该怎么做.有人能帮我吗？

Answer 1

Brendan的答案是正确的,但为了让它在更多的浏览器中呈现,你应该使用这个:

-moz-border-radius: 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px; 

Answer 2

border-top-left-radius: 3px;
border-top-right-radius: 3px;

Answer 3

其他答案是正确的,但有简写的解决方案:

border-radius: 3px 3px 0 0; 

这将只围绕顶角并且仅留下底部角落.值的顺序为顺时针 - 左上角,右上角,右下角,左下角.

这是一个例子:http://jsfiddle.net/9sXWf/