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/