HTML中的画圆代码 在HTML中，我们可以使用canvas标签来绘制各种图形，包括圆形。下面是绘制圆形的代码示例：

使用JavaScript绘制圆形：

<canvas id="myCanvas" width="200" height="200"></canvas><script>var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(100, 100, 50, 0, 2 * Math.PI);
ctx.stroke();
</script>

这段代码首先创建了一个200x200的画布，然后获取了这个画布的上下文对象ctx。在上下文对象中，我们使用beginPath()方法开始一条新的路径，使用arc()方法绘制一个圆形，最后使用stroke()方法绘制出这个圆形的边框。 如果你想要填充圆形，可以使用fill()方法来代替stroke()方法，同时也可以使用fillStyle属性来设置填充颜色。

使用HTML标签绘制圆形：

<div style="width:50px;height:50px;border-radius:25px;background-color:red;"></div>

这段代码使用一个div标签来模拟一个圆形。我们设置了标签的宽高为50px，同时使用border-radius属性将其变成一个圆形，最后设置了背景色为红色。 此外，如果你想要绘制椭圆形，也可以使用上述方法中的arc()方法来绘制，并指定两个半径值即可。