CSS是網頁設計中必不可少的一部分。它負責網頁的樣式，包括背景色、文字樣式、邊框等等。其中，邊框是一個十分重要的樣式之一。設置凹凸的邊框是一種很實用的技巧，下面我們來看看如何使用CSS實現它。

/* 使用CSS實現凹凸邊框 */
.box {
width: 200px;
height: 100px;
background-color: #ffffff;
border: 1px solid #cccccc;
box-shadow: inset 0px 0px 3px #cccccc;
border-radius: 5px;
}

要實現凹凸邊框，我們需要設置box-shadow屬性。box-shadow可以在元素的四周添加陰影效果，我們可以使用它來模擬凹凸的效果。

在上面的代碼中，我們設置了一個名為“box”的元素，并在其中定義了它的寬度、高度、背景色和邊框顏色。然后，我們使用box-shadow屬性來添加一個內陰影，這個內陰影可以將元素的邊框向內凹陷。最后，我們使用border-radius屬性，將元素的四個角設置為圓角，讓整個效果更加美觀。

通過以上的代碼，我們可以得到一個具有凹凸效果的元素。使用這種技巧，我們可以讓很多元素看起來更加美觀，也更有層次感。