在CSS中,可以使用border-radius屬性來實現圓形,但是默認只有邊框是圓角的,而實心圓需要使用偽元素或者背景色實現。
// 使用偽元素 .circle { width: 100px; height: 100px; border-radius: 50%; position: relative; } .circle::before { content: ""; width: 100%; height: 100%; border-radius: 50%; background-color: #000; position: absolute; top: 0; left: 0; } // 使用背景色 .circle { width: 100px; height: 100px; border-radius: 50%; background-color: #000; }
以上兩種方式都可以實現實心圓,需要根據具體需求選擇使用哪種方式。