Rounded boarders using CSS?

by 3 replies
4
How to create rounded boarders using CSS. I wants to use it in my new site.
#programming #boarders #css #rounded
  • 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.
  • You could just say something like this in your stylesheet (I've laid out all corners separately so you can manipulate them separately).

    Code:
    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!
  • The border-radius style is not fully supported by all browsers. For now, you should include all of these styles:

    border-radius
    -moz-border-radius
    -webkit-border-radius

    These will work in most of the popular modern browsers, but NOT in IE 8 or less.

Next Topics on Trending Feed