Grow your CSS skills. Land your dream job.

Round border for images

  • # June 29, 2012 at 10:39 am

    Hi!
    I wanted to ask how you make round border for the images in the forum

    # June 29, 2012 at 10:53 am
    border-radius

    is your friend

    i.e. http://jsfiddle.net/YEHdP/

    # June 29, 2012 at 4:06 pm

    I have tried the first one, doesn’t work
    Will try again

    # June 29, 2012 at 4:11 pm

    Timmey’s response should work. What browser are you using?
    Border-Radius is a CSS3 feature, so it won’t work on older browsers.

    You can try giving the image a container with the size you want and give the container a radius as well:

    HTML



    CSS

    div {
    width:100px;
    height:100px;
    overflow:hidden;
    border-radius:50px;
    }

    link: http://jsfiddle.net/YEHdP/1/

    # July 29, 2012 at 6:21 pm

    Hi! Sorry for very late response. It worked. Thanks! :)

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".