CSS是前端開發中非常重要的技術之一，通過CSS我們可以美化頁面，讓用戶獲得更好的體驗。在CSS中，上三角也是一個經常使用的元素，下面我們來看看如何在CSS中實現上三角。

/* 創建一個矩形 */
.triangle {
width: 0; 
height: 0; 
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 50px solid yellowgreen;
}

上面代碼中，我們創建了一個矩形，在矩形的下面還有一個三角形。下面是實現上三角的關鍵，我們使用了border來創建一個三角形，border共有三個部分：border-top、border-right和border-bottom。我們把border-top和border-right和border-left設為了透明色，只有border-bottom有顏色（這里我們設置成了yellowgreen）。這時我們已經創建了一個梯形，再將高度設為零，這個梯形就變成了上三角。