要用 CSS3 畫一個三角形,可以利用元素的邊框和透明邊框的特性來實現。以下是一個簡單的示例代碼:
.triangle {width: 0;height: 0;border-left: 50px solid transparent; /* 左邊框為透明,控制三角形的左斜邊 */border-right: 50px solid transparent; /* 右邊框為透明,控制三角形的右斜邊 */border-bottom: 100px solid #f00; /* 底邊框為實色,控制三角形的底邊 */
}
?在這個示例中,我們創建了一個寬度為 0、高度為 0 的元素,并設置了三個邊框,分別控制三角形的左斜邊、右斜邊和底邊。通過調整邊框的寬度和顏色,可以繪制出不同樣式的三角形。
你可以將上述代碼應用到一個 HTML 元素上,例如:
?<div class="triangle"></div>
?這樣就可以在頁面上展示一個三角形。