css box-shadow 圆角会多出一点怎么办

当元素同时指定了border-radius属性和box-shadow属性时，阴影会呈现相同的圆角，但是有时候圆角会多出一点。这是因为box-shadow属性的默认值是spread值为0，而border-radius属性的默认值不是0，所以会出现圆角多出一点的情况。解决这个问题的方法是将box-shadow属性的spread值设置为负数，例如：box-shadow: 0 0 10px -5px green; 这样就可以让阴影的圆角与元素的圆角完全重合了。

相关问题

&-inner { background-color: @popover-bg; background-clip: padding-box; border-radius: @border-radius-base; box-shadow: @box-shadow-base; box-shadow: ~'0 0 8px @{shadow-color} \9'; }

这是一段 LESS/CSS 代码，用于设置一个弹出框的样式。其中，@popover-bg 是弹出框的背景颜色变量，@border-radius-base 是弹出框的圆角半径变量，@box-shadow-base 是弹出框的阴影变量，而 ~'0 0 8px @{shadow-color} \9' 则是一个 IE hack，用于在 IE8 及以下版本中设置阴影。

下面属于CSS3新增属性的有？（）多选题3.0分 box-shadow text-shadow border-radius rgba

下面属于 CSS3 新增属性的有：

- `box-shadow`：用于设置元素的阴影效果。
- `text-shadow`：用于设置文本的阴影效果。
- `border-radius`：用于设置元素的圆角效果。
- `rgba()`：用于设置颜色的函数，可以设置颜色的 RGB 值和透明度。

因此，选项 A、B、C 和 D 都是正确的。