我试着画圆形虚线，但我在css中变成了正方形

在CSS中，想要画圆形虚线，可以使用CSS的border-radius属性来实现圆形形状，并且结合border-style属性设置为dotted来实现虚线效果。

下面是一个示例代码：

.circle {
  width: 100px;
  height: 100px;
  border-radius: 50%; /* 将正方形变为圆形 */
  border: 1px dotted black; /* 使用dotted样式绘制虚线 */
}

在上述代码中，我们定义了一个名为.circle的CSS类，通过设置width和height为相同的值，并将border-radius属性设置为50%，使其变成一个圆形。然后，通过border属性设置边框的样式为虚线。你可以将.circle类应用于你需要的HTML元素上，以实现圆形虚线的效果。

这种圆形虚线在前端开发中经常用于制作按钮、图标等元素，增加页面的视觉吸引力。

推荐腾讯云相关产品：腾讯云Web+，是一款支持一键部署的云托管服务，提供了丰富的前端开发和部署能力，可快速搭建静态网站、SPA应用等，并且支持自定义域名、SSL证书等功能。点击此处查看更多详情。