CSS中的三角形經(jīng)常被用在頁面的設(shè)計(jì)中，它能夠增加頁面的美觀程度。那么，實(shí)現(xiàn)這些三角形究竟需要怎樣的CSS代碼呢？

.triangle {
width: 0px;
height: 0px;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid #ccc;
}

在這段代碼中，我們創(chuàng)建了一個(gè)寬度為0像素、高度為0像素的容器，并對(duì)其進(jìn)行了三面鑲嵌。這個(gè)容器的底部為一個(gè)純色的背景，而兩側(cè)由透明邊框組成。

其中，border-left和border-right都為50px，這代表著這個(gè)三角形的底邊長為100px。border-bottom則為100px，因此整個(gè)三角形的高度為100px。

當(dāng)然，上述代碼只是其中一個(gè)實(shí)現(xiàn)三角形的方法。其他方式也可以實(shí)現(xiàn)三角形效果，例如使用 ::before 或 ::after 偽元素，并進(jìn)行 accordingly CSS 樣式的選擇和們的定位。