尖角（triangles）是很多網頁設計中都需要用到的圖形。在CSS中，制作尖角可以使用border屬性。下面我們來看看如何制作一個正三角形。

首先，我們需要設置一個元素的寬高為0，它的頂部三角會擴展成一個等邊三角形。為了讓元素可見，我們需要設置它的border樣式。

.example {
width: 0;
height: 0;
border-top: 50px solid #f00;
border-right: 50px solid transparent;
border-left: 50px solid transparent;
}

在這個例子中，我們設置了一個紅色的三角形。border-top定義了三角形的高度，而border-right和border-left定義了三角形的兩側。

如果我們想要制作一個傾斜的三角形，只需要調整border-right和border-left的值。

.example {
width: 0;
height: 0;
border-top: 50px solid #f00;
border-right: 50px solid #f00;
border-left: 50px solid transparent;
}

這個三角形的頂點位置發生了變化，因為我們現在增加了border-right。如果我們想要將頂點移動到左側，只需要再次調整border-right和border-left的值。

.example {
width: 0;
height: 0;
border-top: 50px solid #f00;
border-right: 50px solid transparent;
border-left: 50px solid #f00;
}

在這個例子中，我們將border-left設置為紅色，將頂點移動到了左側。

總的來說，使用border屬性可以方便地制作各種形狀的三角形。如果你需要制作不規則的三角形，只需要調整border的寬度和位置即可。