html中圆怎么设置

在HTML中，可以通过CSS来设置圆形的形状和样式。首先需要定义一个DOM元素，比如一个div，然后在CSS样式中设置它的宽高相同，并将border-radius属性设置为50%。

    div {
        width: 100px;
        height: 100px;
        border-radius: 50%;
    }

这样就可以得到一个宽高为100px的圆形元素了。如果需要调整圆形的大小，只需要调整宽高的值即可。

如果需要在HTML中直接绘制圆形，可以使用HTML5的canvas标签。在canvas中，可以使用arc方法绘制圆形。该方法需要指定圆心的坐标、半径、起始角度和结束角度。

    var canvas = document.getElementById('myCanvas');
    var ctx = canvas.getContext('2d');
    var centerX = canvas.width / 2;
    var centerY = canvas.height / 2;
    var radius = 50;

    ctx.beginPath();
    ctx.arc(centerX,centerY,radius,2 * Math.PI,false);
    ctx.fillStyle = 'green';
    ctx.fill();
    ctx.linewidth = 5;
    ctx.strokeStyle = '#003300';
    ctx.stroke();

使用canvas绘制圆形需要先获取到canvas元素，并使用getContext('2d')方法获取到canvas的上下文。在上下文中可以使用arc方法绘制圆形，并使用fillStyle设置圆形的填充颜色和strokeStyle设置描边颜色，最后使用fill和stroke方法渲染出圆形。