0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

CSS code for round corners

Last Post
Search Topic
    • IDesign's Avatar
    • IDesign
    • Hero Rocketeer
    • Posts: 414
    • Thanks: 0

    CSS code for round corners

    Posted 14 years 9 months ago
    • Hello,

      Can someone help me create a CSS code for round borders as the image attached?


      regards,
      Indrit
    • You never have a second chance to make a first impression !
    #539898

  • Re: CSS code for round corners

    Posted 14 years 9 months ago
    #539935

  • Re: CSS code for round corners

    Posted 14 years 9 months ago
    • hello idesign,

      are you looking for something like this...

      <style type="text/css">
      div
      {

      position:absolute;
      width:200px;
      height:100px;
      background-color:#efefef;
      }
      .div1
      {
      border:3px solid #ff0000;
      left:10px;top:50px;
      -moz-border-radius:30px;
      -khtml-border-radius:30px;
      }
      </style>
      <title>Frame with rounded corners</title>
      </head>
      <body>
      <div class="div1">example</div>
      </body>

      have fun
    #539939
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29363
    • Thanks: 957
    • Volunteer

    Re: CSS code for round corners

    Posted 14 years 9 months ago
    • you can test some things here:
      westciv.com/tools/box-properties/index.html

      But be aware of the fact that IE is NOT supporting rounded corners via CSS.
      For techniques to solve that search google for "rounded corners with css".
      There are more aticles about that then I've got hair :shock:
    #539946

Time to create page: 0.086 seconds