CSS是一種用來設計網頁的樣式表語言，它可以通過為HTML文檔添加樣式和排版，來改變網頁的外觀和感覺。在CSS中，我們可以使用三角函數和角度值來繪制三角形。下面我們來學習如何使用CSS繪制三角形的角度。

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

上述代碼中，我們使用了CSS的border屬性來設置三角形的形態，其原理是將一個矩形旋轉45度，使其變成一個等腰直角三角形。具體來講，通過設置邊框的寬度，以及透明或顏色的背景，可以實現任意大小和顏色的三角形繪制。同時，我們還用到了CSS的transform屬性，可以將元素按照給定的旋轉角度和坐標偏移進行變換，這里的代碼將三角形旋轉了45度。

在CSS中，我們還可以使用常用的數學公式來自動生成三角形，例如利用正弦和余弦值，可以計算出三角形的各個角度和邊長，接下來附上代碼實現。

.triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid blue;
transform: rotate(45deg);
}

上述代碼中，我們利用了等腰直角三角形的性質，即邊長比例為1:1:√2，以及使用了rotate()函數對三角形進行 45 度的旋轉，從而使它與紙的邊長比例保持一致，以實現等比縮放。同時，我們仍然可以通過設置顏色和背景等屬性，實現任意顏色和大小的三角形繪制。

總體來說，通過使用CSS的border和transform屬性，我們可以輕松地繪制出任意大小和顏色的三角形，同時還能夠使用數學公式來計算角度和邊長，以實現更為精確的繪制效果。