在CSS中，可以使用border-radius屬性來畫圓。
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: red;
}上面的代碼會畫一個紅色的圓形，通過將border-radius屬性設(shè)置為50%，將元素的邊角切成圓形，因此元素就成了一個圓形?？梢酝ㄟ^設(shè)置寬度和高度來調(diào)整圓的大小。
當(dāng)然，還可以使用偽元素實(shí)現(xiàn)畫圓：
.circle {
position: relative;
width: 100px;
height: 100px;
background-color: red;
}
.circle::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: white;
}上面的代碼會畫一個紅色的圓形，通過在元素上使用絕對定位的偽元素，將偽元素的邊角切成圓形，偽元素就成了一個圓形。這里通過在偽元素的背景上加上白色實(shí)現(xiàn)了畫圓效果。
京公網(wǎng)安備 11010802030320號