CSS做一個左側的三角形

<div class="triangle"></div>
.triangle {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 50px solid #ff0000;
border-bottom: 50px solid transparent;
}

上面這些簡單的CSS代碼可以做一個美觀的左側三角形。

首先，我們需要一個容器元素來放置這個三角形，這里我們用一個div元素，并給它一個class名為"triangle"。

然后，我們通過CSS代碼來實現這個三角形。首先，我們讓這個元素的寬度和高度都為0，這是為了讓這個元素不占用頁面的空間，并且不能被用戶點擊。

接著，我們通過border屬性來實現三角形的形狀。具體來說，我們通過border-top、border-right和border-bottom屬性來定義三角形的三個邊。其中，border-top和border-bottom的寬度都為50px，而且顏色都是透明的。這是因為我們只需要這兩條邊是透明的，這樣才能形成三角形的形狀。而border-right則是三角形的斜邊，它的寬度也是50px，但是顏色為紅色。

最后，我們可以通過調整border的寬度和顏色來實現不同形狀和顏色的三角形。