如何在html页面中绘制圆？ [英] How to draw circle in html page?

问题描述

如何使用HTML5和CSS3绘制圆形？

How do you draw a circle using HTML5 and CSS3?

还可以将文本放在里面。

Is it also possible to put text inside?

推荐答案

不能画一个圆圈本身。

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.

data-lang =jsdata-hide =false>

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

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

这篇关于如何在html页面中绘制圆？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！