在CSS中，我們可以用偽元素:before或者:after來實現空心的三角形。 首先，我們需要定義一個元素，并設置其寬度和高度為0。然后，我們可以利用邊框的特性來畫出三角形的邊框。邊框的寬度也就是三角形的大小。邊框的顏色可以設置為透明，這樣就實現了空心的效果。 下面是代碼實現的例子：

p {
position: relative;
width: 0;
height: 0;
border-top: 30px solid transparent;
border-right: 50px solid #333;
border-bottom: 30px solid transparent;
}
p:before {
content: "";
position: absolute;
top: -3px;
left: -50px;
width: 0;
height: 0;
border-top: 33px solid transparent;
border-right: 53px solid #fff;
border-bottom: 33px solid transparent;
}

在上面的代碼中，我們首先定義了一個p元素，并給其設置了寬度和高度為0。接著，我們用邊框的特性來畫出三角形的邊框，即用border-top、border-right和border-bottom來分別畫出三角形的三條邊。 接下來，我們利用偽元素:before來實現空心的效果。在這個偽元素中，我們用和p元素相同的方式來畫出三角形的邊框。但是，我們把三角形的顏色設置為白色，這樣就可以實現空心的效果。 最后，我們把偽元素的位置設置為在p元素的左上方，留出適當的位置來讓p元素和偽元素產生重疊效果。 通過上述代碼，我們可以輕松實現一個空心的三角形效果。