CSS是網頁美化的關鍵技術之一，可以通過CSS來實現各種效果，比如凹形邊框。要通過CSS來實現凹形邊框，我們可以通過box-shadow屬性來實現。

.box {
width: 200px;
height: 100px;
background: #fff;
border: 1px solid #000;
box-shadow: 0 0 3px #000 inset;
}

上面的代碼中，我們給.box元素設置了一個寬度為200px，高度為100px的盒子，并設置了一個白色背景色和一個黑色1像素的實線邊框。接著通過box-shadow屬性，設置了一個水平偏移量為0，垂直偏移量也為0的陰影，并且顏色為黑色，將其inset（縮進）到盒子內部，就實現了一個凹形邊框的效果。

除了用box-shadow，我們還可以使用:before和:after偽元素來實現凹形邊框。

.box:before,
.box:after {
content: "";
display: block;
position: absolute;
width: 200px;
height: 100px;
background: #fff;
border: 1px solid #000;
z-index: -1;
box-shadow: 0 0 3px #000 inset;
}
.box:before {
top: -5px;
left: -5px;
}
.box:after {
bottom: -5px;
right: -5px;
}

上面的代碼中，我們通過:before和:after偽元素分別添加了一個和.box元素一樣大小的塊元素，并設置了白色背景色、黑色1像素實線邊框和一個凹形邊框。通過把偽元素設置為絕對定位，并使用z-index來將它們放在下面，可以讓它們出現在.box元素的下方，從而形成一個凹形邊框的效果。還可以通過調整.top-left和.bottom-right的值來調整凹形邊框的大小和位置。

總之，CSS可以實現各種各樣的效果，通過合理地使用各種屬性和方法，可以輕松實現凹形邊框等各種效果。