欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css怎么實現實心圓

林雅南2年前16瀏覽0評論

在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;
}

以上兩種方式都可以實現實心圓,需要根據具體需求選擇使用哪種方式。