html - 创建 div 100% 回合

Question

我曾尝试 100% 创建 div，但没有成功。有谁知道该怎么做？我正在使用border-radius命令并设置各种值mesmacom px和百分比但到目前为止，什么都没有= /当你这样做时，创建div 100％圆形？

Answer 1

实际上，这是一种更好的方法：

.round {
  height: 100px;
  width: 100px;
  border-radius: 50%;
}

请注意使用百分比作为边界半径。这样，您只需更改高度/宽度并获得更大/更小的圆圈。

Answer 2

你只需要border-radius一半的宽度和高度。

div { height: 100px;
    width: 100px;
    border-radius: 50px;
}

工作示例：http: //jsfiddle.net/j7vD7/