CSS可以用來繪制各種形狀,包括圓點(diǎn)。下面我們將使用CSS代碼畫一個(gè)紅色圓點(diǎn)。
.circle { width: 10px; height: 10px; border-radius: 50%; background-color: red; }
上述代碼說明:
- 使用.circle選擇器選擇要繪制的圓點(diǎn);
- 將寬度和高度設(shè)置為10像素,使圓點(diǎn)具有適當(dāng)?shù)拇笮。?/li>
- 將border-radius屬性設(shè)置為50%,使元素變成圓形;
- 設(shè)置背景顏色為紅色。
將上述代碼添加到HTML文件的header區(qū)域中的style標(biāo)簽內(nèi),即可在頁(yè)面上看到一個(gè)紅色的圓點(diǎn)。