一尘不染

如何在HTML页面中绘制圆圈?

html

如何使用HTML5和CSS3画圆?

也可以在其中放入文字吗?


阅读 2839

收藏
2020-05-10

共1个答案

一尘不染

本身不能画一个圆。但是您可以制作与圆相同的东西。

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

    #circle {
      width: 50px;
      height: 50px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px;
      background: red;
    }
<div id="circle"></div>
2020-05-10