CSS是前端開發中的一種樣式表語言,可以用來控制HTML內容的布局、字體、顏色、大小等各種樣式。現在,我們來講一下如何使用CSS畫圓形狀。
.circle { width: 100px; height: 100px; border-radius: 50%; background-color: blue; }
首先,我們需要設置一個元素的寬高,使其成為一個正方形。接著,通過設置border-radius為50%,讓元素的邊角變成圓形,同時保持元素的寬高比例不變。
接著,在樣式表中設置元素的背景顏色即可。這里我們設置為藍色。
現在,我們給一個div元素添加.circle的類名,圓形就呈現出來了。