Rounded boarders using CSS?

3 replies
How to create rounded boarders using CSS. I wants to use it in my new site.
#boarders #css #rounded
  • Profile picture of the author andreasnrb
    Check out border-radius
    But not all browser support it so you need javascript also.
    Screenr - @NETTUTS: How to make rounded corners with CSS and JavaScript.
    {{ DiscussionBoard.errors[3458844].message }}
  • Profile picture of the author TheCopyGirl
    You could just say something like this in your stylesheet (I've laid out all corners separately so you can manipulate them separately).

    border-top-right-radius:6px; border-top-left-radius:6px; -moz-border-radius-topright:6px; -moz-border-radius-topleft:6px;-webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius:6px;
    However, as has been pointed out already, this is not necessarily supported by older browsers, so here are some less obvious ways of doing it that would be more widely supported.

    Hope this helps!
    {{ DiscussionBoard.errors[3458959].message }}
  • Profile picture of the author affiliatepro15
    The border-radius style is not fully supported by all browsers. For now, you should include all of these styles:


    These will work in most of the popular modern browsers, but NOT in IE 8 or less.
    {{ DiscussionBoard.errors[3458992].message }}

Trending Topics