Home/ Questions/Q 701205
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T03:35:02+00:00

How would i create the below using pure CSS (no images, no tables, no

  • 0

How would i create the below using pure CSS (no images, no tables, no javascript)?
alt text http://img530.imageshack.us/img530/3209/divs.png

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    HTML:

    <div class="box">
    <h2>Div Title</h2>
    <p>Div content.</p>
</div>

    and the CSS:

    .box {border:2px solid #0094ff;}
.box h2 {background:#0094ff;color:white;padding:10px;}
.box p {color:#333;padding:10px;}

    Use CSS3 for border radius

    .box {
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

    The above code will work in firefox, safari, chrome, opera (10.5 +) etc

    Now with bonus demo

    • 0