CSS背景如何实现简单的凹陷或浮雕效果？

CSS实现简单凹陷或浮雕效果通常涉及到`background-blend-mode`属性和一些组合使用的技术。例如：

1. **叠加模式** (`overlay`): 当两个背景层混合时，底层的颜色会透过上面一层显示出来。这可以创造出类似浮雕的效果，底层颜色作为轮廓，上面颜色填充进去。

.element {
   background-image: url('base.png'); /* 底部图像 */
   background-image: url('emboss.png') blend mode: overlay; /* 上面图像，使用叠加模式 */
}

2. **差值** (`difference`, `subtract`): 这可以让你的元素边缘产生一种剪切或凹陷的感觉，因为底色会被减去上面的颜色。

.element {
   background-color: #fff;
   background-image: url('emboss.png');
   background-blend-mode: difference;
}

记得，`background-blend-mode`需要浏览器支持CSS3，并且可能对性能有一定的影响。