CSS3畫圓 代碼如下：
<style type="text/css">.circleHovertree{width:30px;height:30px;
border:solid red 1px;display:inline-block;margin-left:5px;
border-radius: 60px;padding: 30px 30px;}</style>
<div class="circleHovertree"></div>
<span class="circleHovertree"></span>
效果如下：
解釋：
border-radius 屬性是一個簡寫屬性，用於設置四個 border-*-radius 屬性。
例如：border-radius:2em;
等價於：
border-top-left-radius:2em;
border-top-right-radius:2em;
border-bottom-right-radius:2em;
border-bottom-left-radius:2em;
該屬性允許您為元素添加圓角邊框！
默認值： 0
繼承性： no
版本： CSS3
JavaScript 語法： object.style.borderRadius="5px"
語法
border-radius: 1-4 length|% / 1-4 length|%;
注釋：按此順序設置每個 radii 的四個值。如果省略 bottom-left，則與 top-right 相同。如果省略 bottom-right，則與 top-left 相同。如果省略 top-right，則與 top-left 相同。
測試：http://hovertree.com/texiao/css/4b.htm
Demo 2