主要是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>
用HTML做一个圆形,css如何制作圆?_上海积分吴老师的博客-CSDN博客
HTML画圆_huangcongfan的博客-CSDN博客_html画圆
其中,这个颜色代码一定要有,不然连默认黑色线画圆都没有,只剩一片空白
solid #5f9ea0,这两者都不能少,都是border:的属性值,而前面的1px则可有可无