在CSS中，我們可以使用border屬性來繪制圖形。要繪制一個直角三角形，我們需要設置元素的寬度、高度和邊框，然后隱藏某些邊框。

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

上面的代碼中，我們設置了元素的寬度和高度為0，用border-top和border-right來畫出一個直角三角形，同時將border-bottom和border-left屬性設置為0來隱藏其他兩條邊框。其中，border-top的邊框是透明的，這樣就能實現只畫出兩條邊的效果。

除了使用border屬性外，我們也可以使用偽元素（pseudo-element）來繪制直角三角形。代碼如下：

.triangle {
position: relative;
width: 100px;
height: 100px;
}
.triangle::before {
content: '';
position: absolute;
top: 0;
left: 0;
border-top: 100px solid #000;
border-right: 100px solid transparent;
}

上面的代碼中，我們為元素添加了一個偽元素:before，并將其定位到元素的左上角。然后，使用border-top和border-right屬性來畫出一個直角三角形，將border-right的邊框設置為透明的。使用偽元素的優勢在于，我們可以在不使用額外HTML元素的情況下實現繪制圖形的效果。