CSS可以用來繪制豐富而有趣的圖形，其中小風車就是一個很好的例子。下面介紹如何使用CSS畫一個小風車。

.chakula {
width: 100px;
height: 100px;
position: relative;
}
.chakula::before,
.chakula::after {
content: "";
position: absolute;
top: 0;
left: 0;
border: 50px solid transparent;
border-left-color: #f00;
}
.chakula::before {
transform: rotate(60deg)
}
.chakula::after {
transform: rotate(-60deg);
}

首先，我們需要一個容器來放置小風車，這里使用class為chakula的div元素作為容器。我們設置容器的寬度和高度為100像素，并將其設置為相對定位。

接下來，我們定義兩個偽元素:before和:after來畫出小風車的兩個輪子。偽元素的content屬性設置為空字符串，這將使它們在容器內顯示。我們將它們的位置設置為絕對定位，并將它們的頂部和左側邊緣都與容器的頂部和左側邊緣對齊。我們使用CSS的邊框屬性來繪制偽元素的形狀，將邊框的寬度設置為50像素，并將其顏色設置為透明。我們只繪制偽元素左邊的邊框，并將其顏色設置為紅色。

最后，我們將偽元素旋轉60度和-60度，使它們形成一個小風車的形狀。

將這段代碼添加到HTML文件中的樣式部分，然后在HTML中創建一個class為chakula的div元素，就可以看到繪制出的小風車了。