倒三角形是我們在開發網站時常常需要用到的一種形狀。它通常被用來作為下拉菜單的指示符，指示向下展開。通過使用CSS，我們可以很方便地實現這種形狀。

.triangle {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #ccc;
}

首先，我們需要一個基本的div元素作為容器。然后，我們可以使用CSS的border屬性來創建三角形的形狀。通過設置邊框的寬度，我們可以調整三角形的大小。同時，通過設置邊框的樣式，我們可以決定邊框的具體形狀。

上面的代碼中，我們設置了一個三角形，它的高度為10像素，寬度為0像素。我們在元素的左邊和右邊分別設置了10像素的透明邊框，這樣就形成了三角形的形狀。最后，我們設置了一個灰色的上邊框，這樣三角形就有了顏色。

通過使用CSS的這些特性，我們可以輕松地創建出各種形狀，包括倒三角形、三角形、圓形等等。