CSS3凹三角是一個在網頁設計中廣為應用的特效，它可以通過CSS3的偽元素和邊框屬性實現。

/* 創建凹三角 */
.triangle {
width: 0;
height: 0;
border: 20px solid transparent;
border-bottom-color: black;
}
/* 創建凸三角 */
.triangle {
width: 0;
height: 0;
border: 20px solid transparent;
border-top-color: black;
}

上述代碼中，我們使用了“border”屬性來設定邊框的樣式，通過設置“border-color”屬性的值為“transparent”，我們可以讓凹（凸）三角的三個頂點處不可見。

還可以使用“rotate”屬性來旋轉凹三角，實現更為復雜的效果：

.triangle {
width: 0;
height: 0;
border: 20px solid transparent;
border-bottom-color: black;
transform: rotate(45deg);
}

在以上代碼中，我們使用“transform”屬性來對凹三角進行旋轉，設置旋轉角度為45度。

通過對三角形的邊框樣式控制，加上一些附加的樣式，我們可以創造出更為豐富的凹三角特效，例如給凹三角添加陰影、邊框圓角等等。