做一個CSS圈最簡單和最普遍的方式是什麼？

Question

什麼是最簡單和最普遍的方式來將這些CSS屬性轉換爲完美的圓？

div { 
    background-color: red; 
    padding: 5em; 
} 

Answer 1

的CSS規則作一圓了一個HTML元素的是：

border-radius: 50%; 

使它在所有的瀏覽器還使用：

-webkit-border-radius: 50%; 
-moz-border-radius: 50%; 
-o-border-radius: 50%; 

乘坐JSFIDDLE DEMO

HTML

<div></div> 

CSS

div{ 
    border-radius:50%; 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    -o-border-radius: 50%; 
    width:50px; 
    height:50px; 
    background-color:#000; 
}