的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/