CSS是網(wǎng)頁設(shè)計(jì)中常用的一種樣式表語言，可以讓我們輕松地控制網(wǎng)頁中的各種元素。其中一種常見的需求就是讓某個(gè)塊下沉，產(chǎn)生一種“凹陷”的效果。

例如，我們可以使用以下CSS代碼創(chuàng)建一個(gè)帶有陰影效果的方塊：
.block {
width: 200px;
height: 200px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
這樣，我們就可以創(chuàng)建一個(gè)類名為“block”的塊元素，并為其設(shè)置寬、高、背景顏色、圓角和陰影效果。然而，這個(gè)方塊看起來比較“平淡”，并沒有凹陷的效果。
如果我們想要讓這個(gè)方塊下沉，可以使用“外邊距偏移量（margin-offset）”屬性。這個(gè)屬性可以讓我們?cè)谒胶痛怪狈较蛏峡刂圃氐耐膺吘啵瑥亩鴮?shí)現(xiàn)下沉的效果。以下是一些示例代碼：
/* 垂直方向 */
.block {
margin-top: 50px;
}
/* 水平方向 */
.block {
margin-left: 50px;
}
/* 同時(shí)控制水平和垂直方向 */
.block {
margin: 50px;
}
這些代碼可以讓我們?cè)诖怪被蛩椒较蛏显O(shè)置一個(gè)給定的外邊距，從而使元素下沉。
最后，我們可以結(jié)合使用外邊距偏移量和陰影效果，來創(chuàng)建一個(gè)更加有深度感的塊元素。以下是示例代碼：
.block {
width: 200px;
height: 200px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
margin-top: 20px;
margin-bottom: 40px;
}
這個(gè)代碼塊可以讓我們創(chuàng)建一個(gè)陰影更加明顯、下沉更加明顯的元素。

總的來說，使用CSS可以很容易地讓網(wǎng)頁中的元素產(chǎn)生各種各樣的效果，包括讓塊下沉的效果。掌握“外邊距偏移量”屬性和陰影效果的運(yùn)用，可以幫助我們更好地控制頁面中的元素。