CODEWITHSUNDEEP
htmlcss
binoy
binoy

Reputation: 1768

Css rounded images with border and some padding

enter image description here

Hope this image speaks everything...!!! Need to do this in html + css .. Note: I want the border inside the image.

Upvotes: 1

Views: 4615

Answers (1)

JJJ
JJJ

Reputation: 33153

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>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

Adjust the widths and heights as needed.

Demo: http://jsfiddle.net/yGcFx/

Upvotes: 8

Related Questions