CSS繪制三角形的方式很多，今天我們介紹一種繪制三角形右邊的方法：

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

代碼中，我們使用border屬性來繪制三角形，其中，width和height都為0，是因為我們只需要利用邊框來繪制三角形，不需要占據實際的空間。而border-top和border-bottom屬性設置為transparent，是為了讓三角形頂點和底部都透明，只有左邊的邊框有顏色。border-left屬性則是設置三角形的向右延伸的邊。

如果我們需要繪制不同大小或顏色的三角形，只需要調整border-top、border-bottom、border-left的值即可。

使用CSS繪制三角形，可以避免使用圖片或SVG文件，減少了頁面資源請求，提高了網頁加載速度，同時也方便了頁面的樣式調整。