利用CSS畫一個圓

想透過CSS畫一個圓嗎? 只要將 width height 還有 border-radius 三個設定為相同大小就可以了，簡單的範例如下:

HTML:
    <div id="circle">TEXT</div>

CSS:
    #circle{
  background-color:red;
  color:green;
  width:150px;
  height:150px;
  border:2px solid black;
  margin: auto;
  text-align:center;
  line-height:150px;
  border-radius:150px;
}