的CSS圓角圖像與邊框和一些填充

Question

希望這一形象講的一切...！需要在html + css中做到這一點。注意：我想要圖像中的邊框。

Answer 1

CSS：

#border { 
    border:3px dashed white; 
    border-radius:100px; 
    width:184px; 
    height:184px; 
    position:relative; 
    left:5px; 
    top:5px; 
} 

#image { 
    background-image:url(table.jpg); 
    width:200px; 
    height:200px; 
    border-radius:100px; 
}​ 

HTML：

<div id="image"> 
    <div id="border"></div> 
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

調整寬度和高度根據需要。

演示：http://jsfiddle.net/yGcFx/