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/