< p >CSS中的形狀是由HTML元素的外觀和結構決定的，但是有時候我們需要繪制一些特殊的形狀，比如圓形、梯形、菱形等，這時候就需要使用CSS了。
< pre >/* 繪制圓形 */
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
}
/* 繪制梯形 */
.trapezoid {
width: 0;
height: 0;
border-top: 50px solid #333;
border-right: 50px solid transparent;
border-left: 50px solid transparent;
}
/* 繪制菱形 */
.diamond {
width: 50px;
height: 50px;
transform: rotate(45deg);
background: #333;
}
< p >首先，我們來看如何繪制一個圓形。圓形的實現需要使用border-radius屬性，它的值為50%，表示讓元素的四個角都變成圓角，從而實現一個圓形。
< p >接下來，我們來看如何繪制一個梯形。梯形的實現需要使用border屬性，同時設置border-width、border-style、border-color。通過設置不同邊框寬度和顏色，從而實現一個梯形。
< p >最后，我們來看如何繪制一個菱形。菱形的實現需要使用transform屬性，設置元素的旋轉角度就可以實現菱形。同時，我們還需要設置元素的寬高和背景顏色。
< p >通過以上幾個例子，你已經學會了如何使用CSS繪制一些特殊形狀，同時也能發現CSS的強大之處。