我們知道，CSS能夠通過樣式表來控制HTML文檔的樣式。而其中比較常見的樣式之一，就是形狀。在這里，我們將學習如何使用CSS制作兩個不同形狀的圖形：直角三角形和等邊三角形。 首先，我們來看如何制作一個直角三角形。要制作一個直角三角形，我們需要使一個元素擁有三個邊，其中兩條是等長的，而且相互垂直。這樣，第三邊長度就由前面的兩條邊來決定。為了將第三邊制成直角，我們可以對其進行旋轉。 通過CSS的transform屬性來實現旋轉。我們可以使用下面的代碼來制作一個直角三角形。

.triangle {
width: 0;
height: 0;
border-top: 50px solid red;
border-right: 50px solid transparent;
transform: rotate(45deg);
}

在這個代碼中，我們首先將元素的寬度和高度設置為0，同時設置了一個50像素高的紅色邊框。接下來，我們指定這個邊框是由上邊框和右邊框組成的。由于右邊框是透明的，所以我們只能看到上邊框。最后，我們通過transform屬性將整個元素旋轉了45度，這樣就得到了一個直角三角形。 接下來，我們來看一下如何制作一個等邊三角形。要制作一個等邊三角形，我們只需要將一個正方形旋轉45度。然后，取這個正方形的對角線上的兩個點，這兩個點之間就是一個等邊三角形了。 下面是一個示例代碼：

.triangle {
width: 0;
height: 0;
border: 50px solid transparent;
border-bottom-color: red;
transform: rotate(45deg);
}

在這個代碼中，我們同樣將寬度和高度設置為0，擁有一個50像素高的紅色邊框。然后我們使用border屬性來指定邊框的寬度和顏色，但其中除了底邊為紅色外，其他三條邊都設置為透明。最后，我們旋轉整個元素角度45度即為等邊三角形。 以上就是怎樣使用CSS制作兩個不同形狀的圖形的全部過程。希望對大家有所幫助！