CSS 边框半径圆 Angular 但不圆 Angular

标签 css rounded-corners

我在 div 上使用 15px 圆形边框,边框本身在外部是圆形的,但在内部(边框与背景相交的地方)它仍然是一个方 Angular 。

示例:http://jsfiddle.net/BQT5F/1/

我认为 background-clip 会在这里提供帮助,但事实并非如此。这应该是可以的吧?

(另外,我知道它不兼容 IE,我暂时只针对 chrome 和 FF)

最佳答案

要获得圆形内边框,边框半径必须大于边框厚度。例如:

边框半径:30px; 边框宽度:15px;

关于CSS 边框半径圆 Angular 但不圆 Angular ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4389338/

相关文章:

html - 如何使图像覆盖全宽

css - 如何将按钮放在 Bootstrap 中的文本框附近?

css - 扩展面板内的垫子选择列表

javascript - 如何在IE中实现 "Rounded Corner on hover effect"?

android - 使用 kotlin 的带圆角的 Imageview

html - 为什么 Bootstrap CSS 会覆盖我的 CSS?

javascript - 仅为特定值计算值

iphone - 只有两个圆角?

CSS 3 Corner Ribbon 圆 Angular 问题

android - CardView 角在 AlertDialog 中不圆