创建div 100%回合

时间:2013-08-25 11:55:20

标签: html5 css3 canvas

我尝试过100%创建div但未成功但尚未成功。有谁知道怎么办?我正在使用border-radius命令并设置各种值mesmacom px和百分比,但到目前为止,没有什么= /当你这样做,创建div 100%圆?

2 个答案:

答案 0 :(得分:3)

实际上,这是一种更好的方法:

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

请注意使用百分比作为border-radius。这样,您只需更改高度/宽度并获得更大/更小的圆圈。

答案 1 :(得分:0)

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

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

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