CSS是前端開發中非常重要的一個技術，它可以實現許多炫酷的效果，其中實體三角形就是CSS可以實現的一個效果。下面就讓我們來看一下CSS如何做實體三角形。

.triangle {
width: 0;
height: 0;
border-top: 50px solid red;
border-right: 50px solid transparent;
border-left: 50px solid transparent;
}

上面的代碼中，首先定義了一個名為triangle的class，接著設置元素的width和height為0，這樣就可以讓元素變成一個沒有寬度和高度的空元素。然后，我們設置border-top的值為50px，這樣就可以畫出一個長度為50px的等腰三角形。接著，我們通過設置border-right和border-left的值來控制三角形的角度和形狀，從而實現三角形的形狀和效果。

通過以上的方法，就可以實現一個簡單的實體三角形。當然，除了上面的方法之外，我們還可以使用偽元素:before和:after來實現實體三角形。具體實現方法可以參考下面的代碼：

.triangle:before {
content: "";
display: block;
width: 0;
height: 0;
border-top: 50px solid red;
border-right: 50px solid transparent;
border-left: 50px solid transparent;
}
.triangle:after {
content: "";
display: block;
width: 0;
height: 0;
border-bottom: 50px solid red;
border-right: 50px solid transparent;
border-left: 50px solid transparent;
}

上面的代碼中，我們分別為實體三角形的:before和:after偽元素設置了不同的border屬性，從而實現了一個完整的實體三角形。其中，我們使用了:before和:after偽元素的內容屬性以及display:block屬性來實現。

總的來說，實現一個實體三角形并不難，只需要掌握好CSS的基礎知識和一些技巧，就可以輕松實現各種不同形狀的三角形效果。