CSS空心倒三角形可以用來裝飾頁面，下面介紹如何用CSS實現空心倒三角形。

.triangle {
width: 0;
height: 0;
border-width: 20px;
border-style: solid;
border-color: transparent transparent #000 transparent;
}

以上代碼實現的是一個沒有填充顏色的黑色倒三角形，下面對代碼進行解釋。

首先，需要將元素的寬高設置為0，因為倒三角形的大小是由border屬性控制的；

接著，設置border屬性的寬度、樣式和顏色，其中透明色的值為"transparent"，這會使得三角形只有一個顏色，即邊框的顏色；

最后，將bottom的border顏色設置為實際顏色，使得三角形的底邊顏色與邊框顏色一致。

如果需要更改倒三角形的大小可修改border-width的值，同時需要同時修改元素的寬高，因為倒三角形的大小是由元素的寬高和border-width來共同決定的。

如果需要填充顏色，可使用顏色的rgba值或十六進制值作為border-color，同時，對應的填充顏色為background-color或者使用偽元素來實現填充顏色。

總之，CSS實現空心倒三角形非常簡單，只需要使用border屬性即可，而且還可以進一步調整樣式和顏色，使其更好看，更符合設計需要。