border-radius and box-shadow effect

Cool CSS3 avoids use of images for these effects

by prasun_sultania

HTML

<div class="box">
    <h2>Headline</h2>
    <p>Content</p>
</div>

CSS

.box {
    border-radius: 1em;
    background: lightgreen;
    -webkit-box-shadow: 3px 3px 6px #666;
    -moz-box-shadow: 3px 3px 6px #666;
    box-shadow: 3px 3px 6px #666;
}

.box h2{
    padding-left: 10px;
}

.box p{
    padding-bottom: 1-px;
     padding-left: 10px;
}