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凹進去效果是一種非常實用的頁面美化效果，可以讓頁面元素更加立體、突出，提升頁面的美感和交互體驗。