Results 1 to 3 of 3

Thread: Rounded Edges

  1. #1
    Join Date
    May 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Rounded Edges

    Hi all is there an easy way to get the rounded edges of a <div> with out having to use images? I was told there is a way to do this but could not find out how to. Thanks!

  2. #2
    Join Date
    Jan 2007
    Location
    Davenport, Iowa
    Posts
    2,385
    Thanks
    100
    Thanked 113 Times in 111 Posts

    Default

    Code:
    <style type="text/css">
    .example1 {
    border-radius: 15px;
    width:250px;
    height:250px;
    
    background-image:url('images/screenshots/noir18.jpg');
    }
    </style>
    <div class='example1'> </div>
    The above should work in Firefox, IE9, and Opera, but not older versions of Internet Explorer.

    You can read more here.
    To choose the lesser of two evils is still to choose evil. My personal site

  3. #3
    Join Date
    Mar 2011
    Posts
    2,144
    Thanks
    59
    Thanked 116 Times in 113 Posts
    Blog Entries
    4

    Default

    Actually, use this.
    Works in all IE except 8 I think...

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •