css3簡單的方法畫出一個同心圓

利用box-show可以很方便的畫出一個同心圓

<div id="circle_bot"></div>
#circle_bot {
 background-color: #ff5000;
 width: 15px;
 height: 15px;
 margin: 0px 0 0 0px;
 border-radius: 50%;




 position: relative;




 box-shadow: 0 0 0 3px rgba(255,80,0,.2);
}

這種方式要比我們使用定位好得多，但是前提是必須支持css3的新屬性