倒三角是一種常見的樣式設計，在網頁設計中也經常用到。利用CSS的邊框和背景色的特性，可以很方便地實現倒三角效果。

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

上面的CSS代碼中，利用border-width屬性，將四條邊框的寬度都設置成20px，然后通過border-style屬性將其轉化成實線。由于倒三角只有一個角是有顏色的，所以需要設置border-color，其中transparent表示透明。

可以看到，這個倒三角是用border屬性實現的，不過有時候在某些情況下并不能使用border屬性。這時候，就需要用到background屬性。

.arrow {
width: 0; 
height: 0; 
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #f00;
}

這個樣式的原理其實和上面的類似，只不過是通過設置三條邊框的顏色為透明，然后設置一條邊框的顏色為需要的顏色，就可以得到倒三角的效果了。

總之，通過合理利用CSS屬性，可以輕松實現倒三角效果。不過需要注意，不同瀏覽器對CSS屬性的解析可能會略有不同。如果需要保證兼容性，可以使用CSS前綴或者JS來實現。