如何在html页面中画圆圈?

2022-01-14 00:00:00 geometry html css css-shapes

如何使用 HTML5 和 CSS3 绘制圆?

How do you draw a circle using HTML5 and CSS3?

里面也可以放文字吗?

推荐答案

你不能画圆本身.但你可以制作与圆形相同的东西.

You can't draw a circle per se. But you can make something identical to a circle.

您必须创建一个圆角矩形(通过 border-radius)，该矩形是您要制作的圆的 宽度/高度的一半.

You'd have to create a rectangle with rounded corners (via border-radius) that are one-half the width/height of the circle you want to make.

    #circle {
      width: 50px;
      height: 50px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px;
      background: red;
    }

<div id="circle"></div>

相关文章