CSS怎么寫凹陷矩形框

在CSS中，可以使用border屬性來(lái)創(chuàng)建凹陷矩形框。border屬性允許您指定矩形的邊框樣式、寬度和顏色，為了創(chuàng)建凹陷效果，您可以將邊框樣式設(shè)置為dashed或dotted，并將邊框?qū)挾仍O(shè)置為較大的值。

以下是一個(gè)示例CSS代碼，用于創(chuàng)建一個(gè)帶有凹陷效果的矩形框：

.rectangle {
  width: 200px;
  height: 100px;
  border: 5px dashed #000;
  padding: 10px;
  box-shadow: 0 0 10px #000;
}

在這個(gè)示例中，.rectangle類應(yīng)用于一個(gè)HTML元素，該元素將成為一個(gè)帶有凹陷效果的矩形框。width和height屬性指定了矩形的尺寸，border屬性設(shè)置了邊框樣式、寬度和顏色。padding屬性增加了矩形內(nèi)部的空間，box-shadow屬性為矩形添加了陰影效果。

您可以根據(jù)需要調(diào)整這些屬性的值，以創(chuàng)建不同尺寸的矩形框，并調(diào)整凹陷效果的大小和顏色，這只是一個(gè)簡(jiǎn)單的示例，您可以根據(jù)自己的需求進(jìn)行更復(fù)雜的樣式設(shè)置。