html - 带有边框和一些填充的 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/