CSS凹进去效果是一种常用的美化页面的效果，也称为内阴影效果。凹进去效果可以让元素看起来更加立体，也能起到突出某个元素的作用。

实现凹进去效果的方法是使用CSS的box-shadow属性，并设置inset属性值为true。box-shadow属性可以设置元素的阴影效果，用逗号分隔设置多个阴影参数，前两个值表示阴影位置的偏移量，第三个值表示模糊半径，第四个值表示阴影扩散的程度，第五个值表示阴影颜色。

box-shadow: inset 0 2px 2px rgba(0,0,0,0.3), inset 0 0 0 1px rgba(255,255,255,0.5);

上面的代码表示元素的内阴影效果，偏移量为0，也就是阴影在元素正下方，模糊半径为2px，阴影颜色为rgba(0,0,0,0.3)。第二个阴影参数的偏移量和模糊半径都为0，阴影颜色为rgba(255,255,255,0.5)。这个阴影参数用于增加元素的立体感，让内阴影效果更加明显。

除了使用box-shadow属性以外，还可以使用CSS3的伪元素before和after来实现凹进去效果。通过设置before和after元素的样式和定位，然后再使用box-shadow属性来制造凹边和突出效果，就可以实现非常精细的凹进去效果。

总之，CSS凹进去效果是一种非常实用的页面美化效果，可以让页面元素更加立体、突出，提升页面的美感和交互体验。