CSS怎么画空心圆

1、首先打开开发工具，新建一个【HTML文件】

2、使用DIV标签编写一个【圆形容器】

示例代码：<div class="circle"></div>

3、给圆形容器添加CSS代码

示例代码：

.circle { 

width: 100px; height: 100px;

border-radius: 50%;

background: none; 

border: 2px solid red;

}

4、编写前面的步骤后，打开浏览器预览效果。满意保存即可！