CSS凹效果是一種常見的網(wǎng)頁設計技術(shù)，可以使網(wǎng)頁元素呈現(xiàn)出凹陷的立體感，增強視覺效果。下面我們來介紹一下幾種實現(xiàn)CSS凹效果的方法。

/* 方法一：使用box-shadow屬性 */
.box {
box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
}
/* 方法二：使用border屬性 */
.box {
border: 10px solid rgba(0,0,0,0.5);
}
/* 方法三：使用漸變linear-gradient */
.box {
background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
}

以上是三種常見的CSS凹效果實現(xiàn)方法。值得注意的是，在使用box-shadow和border方法時，需使用inset關(guān)鍵字，使陰影或邊框內(nèi)凹。