在 CSS3 中创建圆圈

【问题标题】：Creating circles in CSS3在 CSS3 中创建圆圈
【发布时间】：2016-04-25 14:21:20
【问题描述】：

晚上好'

我想知道是否有人可以指出我在 CSS3 中创建文本圆圈的正确方向。您推荐的资源是什么？我正在为我在 Uni 的课程建立一个网站。

谢谢你。

安妮克

【问题讨论】：

标签： css

【解决方案1】：

	.box{
			height:150px;
			width:150px; 
			background:#f1f1f1;
			border-radius:150px;
			border:1px solid #ccc;
		}

&lt;div class="box"&gt;&lt;/div&gt;

【讨论】：

【解决方案2】：

如果您需要他们响应：

.container {
  width: 200px;
  height: 200px;
}
.box {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: red;
}

&lt;div class="container"&gt;&lt;div class="box"&gt;&lt;/div&gt;&lt;/div&gt;

我添加了容器<div>，因为如果没有固定宽度的容器，SO 帖子不会接受 100% 的值。但在您的项目中，您可以使用流体宽度容器，或者根本不使用。

【讨论】：