CSS是一種用來設計網頁外觀的技術。在網頁中，經常要使用盒子來組織內容，而有時候我們需要讓盒子內部產生凹陷效果，那么該怎么做呢？

.box {
background: #ccc;
width: 200px;
height: 200px;
border-radius: 20px;
box-shadow: inset 0 0 10px rgba(0,0,0,.5);
padding: 20px;
}

上面是一個CSS代碼示例，包含了如何讓盒子內部凹陷的多種屬性： border-radius， box-shadow等。

首先，我們需要創建一個帶有背景色和寬高的盒子，這個是最基礎的盒子樣式。

.box {
background: #ccc;
width: 200px;
height: 200px;
}

接下來，我們要為盒子添加邊框圓角效果。border-radius 屬性能讓盒子的邊框產生弧度，從而讓邊緣看起來更加圓潤。

.box {
border-radius: 20px;
}

然后，我們需要通過 box-shadow 屬性來給盒子添加陰影效果，其中 inset 表示陰影是盒子內部產生的。

.box {
box-shadow: inset 0 0 10px rgba(0,0,0,.5);
}

最后，我們可以通過 padding 屬性來控制盒子中的內容與盒子邊緣的距離，從而使得盒子內部形成一個凹陷的效果。

.box {
padding: 20px;
}

通過上述的代碼展示，我們可以看到在一個盒子中，同時使用 border-radius、 box-shadow、padding等屬性，能夠讓盒子產生一個美觀，內凹的效果，讓人眼前一亮。