主要是css圆的样式定义的问题,解决好后就能画出来了
<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>Document</title><style>.circle{width: 100px;height: 100px;border-radius: 50px;border: 1px solid #5f9ea0;}</style>
</head>
<body><div class="circle"></div>
</body>
</html>
参考文章css如何把div修饰成圆? - html中文网
用HTML做一个圆形,css如何制作圆?_上海积分吴老师的博客-CSDN博客
HTML画圆_huangcongfan的博客-CSDN博客_html画圆
其中,这个颜色代码一定要有,不然连默认黑色线画圆都没有,只剩一片空白
solid #5f9ea0,这两者都不能少,都是border:的属性值,而前面的1px则可有可无