在CSS3中创建圈子

Question

晚上所有'

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

谢谢你的进步。

Annique

Answer 1

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

<div class="box"></div>

Answer 2

如果您需要他们的响应：

＆＃13;

＆＃13;

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

＆＃13;

<div class="container"><div class="box"></div></div>

＆＃13;

＆＃13;

＆＃13;

我已经添加了容器<div>，因为SO帖子在没有固定宽度容器的情况下不会接受100％的值。但是在你的项目中你可以使用一个流体宽度的容器，或者根本不使用容器。