如何在css中使边框顶部的边角变圆？
如何在css中使边框顶部的边角变圆？
提问于 2012-04-09 21:35:04
在我的网站上，我需要使div有圆角只在顶部的角落。但我不知道该怎么做。有人能帮我吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-04-09 21:41:08
Brendan的答案是正确的，但要让它在更多的浏览器中呈现，您应该使用以下代码：
-moz-border-radius: 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px; Stack Overflow用户
发布于 2012-04-09 21:37:53
border-top-left-radius: 3px;
border-top-right-radius: 3px;Stack Overflow用户
发布于 2012-04-09 21:40:22
其他答案都是正确的，但有一个速记解决方案：
border-radius: 3px 3px 0 0; 这将只绕过顶部的角落，而不会绕过底部的角落。值的顺序是顺时针-左上、右上、右下、左下。
下面是一个例子：http://jsfiddle.net/9sXWf/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10074023
复制相关文章
相似问题
腾讯云开发者
