html - 如何在css中仅在边框的顶部圆角？

Question

在我的网站中，我需要使 div 仅在顶角具有圆角。但我不知道该怎么做。有人能帮我吗？

score 134 · Accepted Answer

Brendan 的回答是正确的，但要让它在更多浏览器中呈现，你应该使用这个：

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

score 37 · Accepted Answer

37

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

于 2012-04-09T13:37:53.390 回答

score 26 · Accepted Answer

其他答案是正确的，但有速记解决方案：

border-radius: 3px 3px 0 0;

这将仅使顶角变圆，而将底角留在原处。值的顺序是顺时针 - 左上、右上、右下、左下。

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

3 回答 3