CSS filter 和 box-shadow 的区别：哪个更适合绘制边框？

filter 和 box-shadow 的区别：哪个更适合绘制边框？

filter 和 box-shadow 都是 CSS 中常用的样式属性，它们都可以用来实现一些视觉效果。其中，box-shadow 可以用来创建阴影，而 filter 可以用来对元素进行各种滤镜效果。

B. 都可以绘制边框。

这两种属性都可以用来绘制边框，但它们实现的方式和效果有所不同。

• box-shadow 可以通过设置 inset 属性来创建内阴影，从而实现类似于边框的效果。
• filter 可以通过使用 drop-shadow() 函数来创建阴影，但是这种阴影效果会受到元素背景色的影响，可能会导致边框效果不明显。

正确答案：B

其他选项的分析：

• A. box-shadow 兼容性更好：虽然 box-shadow 的兼容性更好，但 filter 的兼容性也已经相当不错，大多数主流浏览器都支持。
• C. 下沉边框效果都会被盒子自身背景色遮住：只有 filter 的阴影效果会受到背景色的影响，而 box-shadow 的阴影效果不会。
• D. filter 有些特性不能全部使用：filter 确实有一些特性不能在所有浏览器中使用，但这些特性并不影响它的主要功能。

总结：

filter 和 box-shadow 都可以用来绘制边框，但 box-shadow 的兼容性更好，而且它的阴影效果不会受到背景色的影响。因此，如果需要实现一个更可靠的边框效果，建议使用 box-shadow。