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

时间:2012-04-09 13:35:04

标签: html css

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

3 个答案:

答案 0 :(得分:117)

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

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

答案 1 :(得分:34)

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

答案 2 :(得分:20)

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

border-radius: 3px 3px 0 0; 

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

以下是一个示例:http://jsfiddle.net/9sXWf/