CSS3凹陷邊框（box-shadow）可以讓邊框具有凹陷的效果。它是CSS3新增的屬性之一，可以在視覺(jué)上增強(qiáng)邊框的立體感，使頁(yè)面元素更加協(xié)調(diào)。

如何使用CSS3凹陷邊框呢？首先，在CSS樣式表里的目標(biāo)元素添加box-shadow屬性值，具體語(yǔ)法如下：

selector {
box-shadow: inset x-offset y-offset [blur] [spread] [color];
}

其中，inset表示內(nèi)部陰影，x-offset表示水平方向的偏移量，y-offset表示垂直方向的偏移量，blur表示邊緣模糊半徑，spread表示陰影的擴(kuò)展距離，color表示陰影的顏色。以下是一個(gè)示例：

div {
box-shadow: inset 0px 0px 10px 3px #ddd;
}

這個(gè)示例代碼會(huì)使一個(gè)div元素的邊框呈現(xiàn)較深的凹陷效果，內(nèi)部陰影的顏色為#ddd，大小為10px，半徑為3px。

需要注意的是，box-shadow屬性不能給行內(nèi)元素和絕對(duì)定位的元素設(shè)置陰影，如果要對(duì)文本設(shè)置陰影可以采用text-shadow屬性。

使用CSS3凹陷邊框可以讓頁(yè)面元素更加立體，為網(wǎng)頁(yè)設(shè)計(jì)帶來(lái)更多的可能性。