在我的网站中,我需要在顶角处制作一个圆角。但我不知道该怎么做。有人能帮助我吗?
答案 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/