CSS边界半径圆角但不是背景

时间:2010-12-08 15:43:55

标签: css3 rounded-corners

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

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

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

(另外,我知道它不兼容IE,我现在只是针对chrome和FF)

1 个答案:

答案 0 :(得分:3)

要获得圆角内边框,边框半径必须大于边框粗细。例如:

border-radius:30px; border-width:15px;