1. #outer {        width: 100px;   
2.     height: 100px;        background-color: bisque;   
3.     border: 10px solid brown;        position: relative;   
4. }        
5. #inner {        width: 84px;   
6.     height: 84px;        border: 8px solid blue;   
7. }    /*#outer,  
8. #inner {       -webkit-border-radius: 5px;  
9.     -moz-border-radius: 5px;       border-radius: 5px;  
10. }*/  

缺點：可能無法修改結構或修改html結構成本高；多個div都設置圓角時，邊框之間不能完全貼合。圓角多邊框效果圖：

方法2：使用outline+outline-offset實現(xiàn)多重邊框。
如果我們只需要繪制兩層邊框，使用outline也可以做到。outline是border外面的一層，和border原理一樣。通過設定outline的樣式可以為border外面再設定一層邊框。
但是需要注意的是，outline屬性設定的邊框不會隨著內部元素邊界樣式的變化而變化。也就是說，如果元素邊框帶了圓角，那么outline繪制出的最外層邊框仍然是矩形的。這是outline繪制邊框的一個缺憾。
效果圖：

html代碼