CSS是前端開發中的一種重要技術，在實現頁面美化以及布局方面發揮著重要的作用。今天我們就來看看如何使用CSS來畫扇子。
首先，我們需要了解一下基礎的CSS語法。
.selector {
property1: value1;
property2: value2;
property3: value3;
}其中，selector是選擇器，property是屬性，value是屬性值。通過設置屬性值，可以實現不同樣式的展示效果。
接下來，讓我們開始繪制扇子。首先，我們需要用CSS來定義扇子的寬、高以及形狀。這里我們使用border-radius屬性來定義扇子的圓角形狀。代碼如下：
.fan {
width: 150px;
height: 150px;
border-radius: 75px 0 0 75px;
background-color: red;
}通過設置border-radius屬性的值，可以實現左側兩個角變成圓角，右側兩個角保持尖角狀態，就可以形成扇子的形狀。然后，我們設置扇子的背景顏色為紅色。
接下來，我們需要在扇子中間畫上一條黑邊框，使得扇子更加逼真。代碼如下：
.fan:before {
content: "";
position: absolute;
top: 7.5px;
right: -1px;
bottom: 7.5px;
left: -1px;
border: 2px solid black;
border-radius: inherit;
z-index: 1;
}這里我們使用CSS中的偽類選擇器:before來插入一個空元素，并設置其position屬性為absolute，使其保持在扇子中間。然后，我們設置其top、right、bottom、left屬性來確定邊框的位置，使其能夠完全包裹扇子。接著，我們設置邊框的顏色為黑色并設置其寬度為2px。最后，我們繼承扇子的border-radius屬性來實現圓角邊框效果。 最后，使用z-index屬性來使邊框置于扇子的底層。
現在，我們的扇子已經畫好了，效果如下所示：
Amazing Fan!
通過CSS的border-radius屬性以及偽類選擇器:before的設置，我們成功地繪制出了一個完整的扇子效果。我們只需要通過調整扇子的大小、顏色以及邊框寬度、顏色等屬性值的設置，就可以畫出不同款式、不同顏色的扇子，為網頁增添更多的美感。