在CSS中，我們可以使用border屬性來畫出各種形狀的標簽。下面我們來看一些常用的形狀。

/* 畫一個三角形 */
.triangle {
width: 0;
height: 0;
border-top: 50px solid black;
border-right: 50px solid transparent;
}
/* 畫一個正方形 */
.square {
width: 100px;
height: 100px;
background-color: black;
}
/* 畫一個圓形 */
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: black;
}
/* 畫一個梯形 */
.trapezoid {
border-bottom: 100px solid black;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
height: 0;
width: 100px;
}
/* 畫一個菱形 */
.diamond {
width: 0;
height: 0;
border: 50px solid black;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
}
/* 畫一個五邊形 */
.pentagon {
width: 0;
height: 0;
border-bottom: 50px solid black;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
}

以上就是常見的幾種形狀的CSS代碼，通過修改屬性值，我們也可以畫出更多的形狀來。但在實際應用中，我們通常還會使用圖片等其他素材來展現不同的形狀，以達到更好的效果和用戶體驗。