Round border corners

  • 13 years ago

    border:#996666 hidden thin;
    width: 650px;
    background:url(images/toprht_bor.gif) no-repeat right top;

     background:url(images/botrht_bor.gif) no-repeat right top;
    .rndbottom img {

    background:url(images/dot.gif) 0 0 repeat-x;
     .b {
     background:url(images/dot.gif) 0 100% repeat-x;
    .l {
    background:url(images/dot.gif) 0 0 repeat-y;
    .r {
    background:url(images/dot.gif) 0 100% repeat-y;


    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    <title>Untitled Document</title>


    <div id="container">
          <div class="t"><div class="b"><div class="l"><div class="r">
          <div class="rndtop"><img src="images/toplef_bor.gif" alt="" width="17" height="17" /> </div>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis. Curabitur posuere, pede vitae lacinia accumsan, enim nibh elementum orci, ut volutpat eros sapien nec sapien. Suspendisse neque arcu, ultrices commodo, pellentesque sit amet, ultricies ut, ipsum. Mauris et eros eget erat dapibus mollis. Mauris laoreet posuere odio. Nam ipsum ligula, ullamcorper eu, fringilla at, lacinia ut, augue. Nullam nunc.</p>
      <div class = "rndbottom"><img src="images/botlef_bor.gif" alt="" width="17" height="17" /> </div>

    this is fine but I end up missing the Right side of my border (using repeat dot image) and the bottom border(image) extends past my bottom right corner.??


    I would be very greatful for any answers or direction.

    Many thanks


  • 13 years ago

    It looks to me that your example is very similar to the one used by  Stu on his site, css play (

  • 13 years ago

    thank you, thank you.  very useful source of info.

Post a reply

Enter your message below

Sign in or Join us (it's free).


Why not write for us? Or you could submit an event or a user group in your area. Alternatively just tell us what you think!

Our tools

We've got automatic conversion tools to convert C# to VB.NET, VB.NET to C#. Also you can compress javascript and compress css and generate sql connection strings.

“If Java had true garbage collection, most programs would delete themselves upon execution.” - Robert Sewell