1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Rounded Corner with CSS and No Images

Discussion in 'JavaScript and AJAX' started by Izaan, May 11, 2009.

  1. Izaan

    Izaan New Member

    Joined:
    Oct 16, 2007
    Messages:
    215
    Likes Received:
    2
    Trophy Points:
    0
    I had a code which creates rounded corners without any Javascript and images but could not find it anymore and so can you guys share something.
     
  2. shabbir

    shabbir Administrator Staff Member

    Joined:
    Jul 12, 2004
    Messages:
    15,292
    Likes Received:
    365
    Trophy Points:
    83
    I have this code in my PC which worked for me

    HTML:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE>New Document</TITLE>
    <style>
    .hWcur {background: transparent;}
    .hWcur .b1, .hWcur .b2, .hWcur .b3, .hWcur .b4{display:block; overflow:hidden; font-size:1px;}
    .hWcur .b1, .hWcur .b2, .hWcur .b3{height:1px;}
    .hWcur .b2, .hWcur .b3, .hWcur .b4{background:#fff; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
    .hWcur .b1{margin:0 5px; background:#cccccc;}
    .hWcur .b2{margin:0 3px; border-width:0 2px;}
    .hWcur .b3{margin:0 2px;}
    .hWcur .b4{height:2px; margin:0 1px;}
    .hWcur .boxcont{background:#fff;padding:5px;border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
     
    </style>
    </HEAD>
    
    <BODY>
    <div class="hWcur" style="width:300px;">
        <b class="b1"></b>
        <b class="b2"></b>
        <b class="b3"></b>
        <b class="b4"></b>
        <div class="boxcont">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu augue et arcu iaculis pulvinar in quis nisi. Morbi metus orci, fringilla at convallis ac, pulvinar id enim.
        </div>
        <b class="b4"></b>
        <b class="b3"></b>
        <b class="b2"></b>
        <b class="b1"></b>
    </div>
    </BODY>
    </HTML>
    
     
  3. SaswatPadhi

    SaswatPadhi ~ Б0ЯИ Τ0 С0δЭ ~

    Joined:
    May 5, 2009
    Messages:
    1,343
    Likes Received:
    55
    Trophy Points:
    0
    Occupation:
    STUDENT !
    Location:
    Orissa, INDIA
    Home Page:
    .
    .
    .
    <div class="boxcont">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu augue et arcu iaculis pulvinar in quis nisi. Morbi metus orci, fringilla at convallis ac, pulvinar id enim.
    </div>
    .
    .
    .

    What does the sentence in bold mean ?!? :confused:
     
  4. shabbir

    shabbir Administrator Staff Member

    Joined:
    Jul 12, 2004
    Messages:
    15,292
    Likes Received:
    365
    Trophy Points:
    83
    Dummy text
     

Share This Page