圖片凹進去是一種比較常見的效果，可以讓圖片和頁面更加的融合，也可以起到美化頁面的作用。在實現上，我們可以使用css的box-shadow屬性來模擬圖片凹進去的效果。

.box {
background: #fff;
width: 200px;
height: 200px;
margin: 20px auto;
box-shadow: inset 0 0 10px rgba(0, 0, 0, .2);
}

在上面的代碼中，我們通過給一個div元素添加box-shadow屬性，并且將inset屬性設置為true，就可以讓該div元素形成像圖片凹進去的效果了。

如果我們希望圖片更加突顯出來凹進去的效果，我們可以通過在box-shadow屬性中添加多個顏色和模糊程度來實現。

.box {
background: url(img/cat.jpg) no-repeat center center;
background-size: cover;
width: 200px;
height: 200px;
margin: 20px auto;
box-shadow: inset 0 0 20px 10px rgba(0, 0, 0, .2), 
inset 0 0 40px 20px rgba(0, 0, 0, .3);
}

在上面的代碼中，我們將div元素的背景設置為一張貓的圖片，并且設置了背景大小為鋪滿整個div元素。然后通過在box-shadow屬性中添加多個類似的顏色和模糊程度，形成更加突出的圖片凹進去的效果。

最后，我們需要注意的是，在使用box-shadow實現圖片凹進去的效果時，要結合自己的設計需求來調整box-shadow屬性中的參數，以達到最佳的效果。