CSS3偽類選擇器可以用來實現(xiàn)各種不同的效果，其中包括創(chuàng)建三角形。在CSS3中，可以利用:before和:after偽類選擇器來生成三角形。

.triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 0 50px 50px 50px;
border-color: transparent transparent #007bff transparent;
position: relative;
margin: 20px;
}
.triangle:before {
content: "";
position: absolute;
top: -50px;
left: -50px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 50px 50px 50px;
border-color: transparent transparent #007bff transparent;
}

上述代碼使用了一個類名.triangle，它會在頁面上呈現(xiàn)一個藍(lán)色的三角形。首先該類別定義了一個寬度和高度都為0的元素，接著使用border風(fēng)格屬性將其變?yōu)橛袑嶓w邊框的三角形。在這里，border-width屬性定義了三角形的大小，而border-color則定義了邊框的顏色。在生成三角形之后，使用了關(guān)聯(lián):before偽元素來創(chuàng)建一個相同大小的三角形，并將其定位在原先的三角形上方。

通過對:before的定位，可以控制它的位置。在這里，通過top和left屬性將其定位于原先三角形上方50像素處。通過使用:before偽元素，可以在同一個元素中創(chuàng)建兩個三角形，其中一個用作元素的主體，而另一個則用作陰影或裝飾元素。

這是CSS3偽類選擇器生成三角形的方式之一。這種方法可以幫助您更快地制作好看的三角形，而且不需要使用大量的代碼。隨著更多的CSS3特性的發(fā)展，我們可以期待有更多的方法來生成各種不同的圖形和效果。