本文介绍了如何在html页面中画圆圈?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着跟版网的小编来一起学习吧！
问题描述
如何使用 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>这篇关于如何在html页面中画圆圈?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！