在CSS中,可以通過以下代碼實(shí)現(xiàn)一個(gè)向下的三角形:
.triangle-down { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #000; }
上述代碼中,我們首先定義了一個(gè)triangle-down
的 class,然后設(shè)置了元素的寬度和高度都為0,接著設(shè)置了邊框,使用了透明的左右邊框,和黑色的上邊框,這樣就形成了一個(gè)向下的三角形。
需要說明的是,這個(gè)三角形并不是一個(gè)實(shí)心的圖形,只是一個(gè)邊框,因此如果需要實(shí)心的三角形可以使用 CSS 的偽元素來實(shí)現(xiàn)。