在CSS中，可以使用transform屬性來實(shí)現(xiàn)矩形的凹陷效果，以下是一個(gè)示例代碼，展示了如何創(chuàng)建一個(gè)帶有凹陷效果的矩形：

<div class="rectangle">
  <div class="inner"></div>
</div>

在上面的代碼中，我們創(chuàng)建了一個(gè)包含兩個(gè)元素的容器：一個(gè)矩形和一個(gè)內(nèi)部元素，我們將使用CSS來定義這兩個(gè)元素的樣式。

.rectangle {
  width: 200px;
  height: 100px;
  background-color: #f0f0f0;
  position: relative;
}
.inner {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(50%, 50%) rotate(-45deg);
}

在上面的代碼中，我們定義了兩個(gè)元素的樣式，矩形元素的背景顏色為#f0f0f0，內(nèi)部元素的背景顏色為#ffffff，我們使用transform屬性將內(nèi)部元素向右下方移動(dòng)，并旋轉(zhuǎn)45度，以創(chuàng)建凹陷效果。

您可以在瀏覽器中查看這個(gè)示例，并調(diào)整transform屬性的值來更改凹陷效果的大小和形狀，希望這對(duì)您有所幫助！