CSS3 是一種強(qiáng)大的樣式語言，可以幫助開發(fā)者創(chuàng)建出精美的頁面。在 CSS3 中，我們可以使用一些新的屬性來繪制圖形，比如直角三角形。下面介紹一下使用 CSS3 繪制直角三角形的方法。

.triangle{
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 50px solid #f00;
border-bottom: 50px solid #f00;
}

上面的代碼定義了一個類名為 triangle 的元素，然后通過 border-top、border-right、border-bottom 來定義直角三角形的樣式。其中，width 和 height 是必須要定義的，因為它們是控制三角形大小的屬性。

其中，border-top 是用來控制三角形上邊緣的寬度，border-right 是用來控制右邊緣的寬度，border-bottom 是用來控制下邊緣的寬度。由于我們要創(chuàng)建一個直角三角形，所以 border-top 需要設(shè)置成透明的，這樣才能只顯示兩個邊緣的顏色，形成直角。

使用上面的代碼，就可以創(chuàng)建一個簡單的紅色的直角三角形了。

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

如果我們想要創(chuàng)建一個傾斜的直角三角形，可以使用 transform: rotate(45deg) 來實現(xiàn)。這樣可以將三角形旋轉(zhuǎn) 45 度，使其傾斜。

總結(jié)一下，CSS3 中的繪制直角三角形是通過設(shè)置元素的 border 屬性來實現(xiàn)的。同時，我們也可以利用 transform 屬性來實現(xiàn)傾斜的效果。