CSS 三角形是在網頁設計中常用的元素之一，它可以通過CSS代碼實現，既不需要圖片也不需要使用額外的HTML元素。通常情況下，三角形由 css border屬性 和 css transform 屬性來實現。 使用 CSS border 屬性實現三角形時，可以通過邊框的樣式和顏色來形成一個三角形形狀。 以下是一個使用 CSS border 屬性構建三角形的簡單例子：

<p class="triangle">抱歉，頁面不存在！</p>

這里設置了容器的寬度和高度為0，然后通過 border-top、border-bottom 和 border-right 來分別設置三角形的三個邊框樣式，border-top 和 border-bottom 的寬度都設置為20像素，同時顏色為 transparent（透明），這樣就在上下兩側留出了一個三角形的空間；而 border-right 的寬度仍是20像素，顏色設為 #333，表示是三角形的一條斜邊。 與此相比，使用 CSS transform 屬性實現三角形時，則可以通過rotate()函數來扭曲一個方形，即：

<p class="triangle">抱歉，頁面不存在！</p>

同樣設置了容器的寬度和高度為0，邊框顏色也是 transparent。transform: rotate(45deg); 將方形扭曲成了一個橋形，border 總寬度為40像素，與margin屬性的20像素空隙相加，就形成了一個三角形。 CSS 三角形由于可以節省瀏覽器頁面加載速度，而且功能實用、易于掌握，因此在前端開發中被廣泛應用。