css画空心圆和实心圆 |dw引用css

/* 画空心圆 */
.circle {
width: 50px;
height: 50px;
border-radius: 50%;
border: 2px solid black;
}

这段代码就可以画出一个半径为25px的空心圆，只需要将class设置为circle。

/* 画实心圆 */
.circle {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: black;
}

这段代码同样可以画出一个半径为25px的实心圆，也只需要将class设置为circle。

需要注意的是，半径大小可以根据自己的需求进行调整。