CSS可以用來繪制各種形狀,包括圓點。下面我們將使用CSS代碼畫一個紅色圓點。
.circle { width: 10px; height: 10px; border-radius: 50%; background-color: red; }
上述代碼說明:
- 使用.circle選擇器選擇要繪制的圓點;
- 將寬度和高度設置為10像素,使圓點具有適當的大小;
- 將border-radius屬性設置為50%,使元素變成圓形;
- 設置背景顏色為紅色。
將上述代碼添加到HTML文件的header區域中的style標簽內,即可在頁面上看到一個紅色的圓點。
上一篇css畫進度圓
下一篇div css 手風琴