在網頁設計中，常常會遇到需要制作邊界凹角的情況，這時候就需要使用 CSS 來進行實現。邊界凹角可以使頁面看起來更加精致，同時也可以使網頁的結構更加清晰明了，更加易于用戶的閱讀與瀏覽。

要制作邊界凹角，通常需要使用 border-radius 屬性來進行邊框圓角的處理。但這種方法只能制作出圓角邊框，如果要制作邊界凹角，需要使用另外一種技巧。

要制作邊界凹角，我們可以使用偽元素 ::before 和 ::after 來進行實現。具體的實現方法為：首先在元素上設置邊框，然后在邊框上層增加兩個偽元素，分別表示左上角和右上角的凹角。接著對偽元素進行一系列的 CSS 樣式設置，就可以實現邊界凹角的效果了。

.box {
position: relative;
width: 200px;
height: 200px;
border: 2px solid #000;
}
.box::before, .box::after {
content: "";
position: absolute;
top: -15px;
width: 30px;
height: 30px;
background-color: #fff;
border: 2px solid #000;
transform: rotate(45deg);
}
.box::before {
left: -15px;
}
.box::after {
right: -15px;
}

上面的代碼就是一個制作邊界凹角的示例代碼。其中，首先我們在 .box 元素上設置了一個 2 像素的黑色實線邊框。接著，我們在 .box 上增加了 ::before 和 ::after 兩個偽元素，并對偽元素進行了一系列的 CSS 樣式設置。最后，我們通過設置偽元素的寬高、位置、顏色等屬性來實現了邊界凹角的效果。

通過這種方法，我們可以輕松地實現各種形狀的邊界凹角。這個技巧也是很實用的，可以提高我們的網頁設計水平，讓網頁看起來更加美觀，更加符合用戶的使用習慣。