製作圓形大而保留圓形狀（css）

Question

所以我在html和css中有一個圓圈，它看起來像是當它變得太大時，它開始變成一個奇怪的斑點。 我會如何使它變大，但仍然保持圓形狀？

謝謝！

這裏是的jsfiddle： http://jsfiddle.net/aritro33/bUqNA/

下面是HTML：

<div id = "circle"></div> 

這裏是CSS：

#circle{ 
    height: 300px; 
    width: 300px; 
    background-color: red; 
    border-radius: 100px; 
} 

Answer 1

變化border-radius到150px

#circle{ 
    height: 300px; 
    width: 300px; 
    background-color: red; 
    border-radius: 150px; 
} 

半徑應該是寬度或高度的一半。還兼具高度和寬度應該是平等的

FIDDLE

否則，你可以把border-radius爲50％，邊界半徑直接與元素相關的寬度。

#circle{ 
    height: 300px; 
    width: 300px; 
    background-color: red; 
    border-radius: 50%; 
} 

FIDDLE

Answer 2

使用邊界半徑廣告50％。如果你想要一個更大的圓，然後增加div的寬度和高度，以像素爲單位。但請確保寬度和高度相同。它應該總是方形