CSS3中有一種比較常用的形狀就是直角三角形。直角三角形可以通過CSS3中的border屬性來實現，具體的實現步驟如下：

.triangle {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 50px solid #f00;  /* 這里的顏色可以根據實際情況進行調整 */
border-bottom: 50px solid transparent;
}

這段代碼的意思是，首先定義一個名為triangle的樣式類，隨后設置該類的寬度和高度都為0。通過border-top和border-bottom屬性設置上方和下方的邊框為透明的。通過border-right屬性設置右側的邊框為紅色，寬度設置為50px，高度也設置為50px，最終就可以得到一個直角三角形。

如果想要得到直角在左下方的三角形，只需要將border-right替換為border-left即可，如下所示：

.triangle {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-left: 50px solid #f00;  /* 這里的顏色可以根據實際情況進行調整 */
border-bottom: 50px solid transparent;
}

這樣也可以獲得一個直角在左下方的三角形。不過需要注意的是，由于使用了border屬性，所以生成的三角形不能夠設置背景色，否則會遮擋住邊框而無法顯示。