Rounded corner CSS3

CSS3 Allows multiple background images

by prasun_sultania

HTML

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

CSS

.box {
    background-image: url(http://www.mediafire.com/conv/e7554adb307210e3a4f9a9d266effb87c196fa1a8367265ae15b4ab97f023f906g.jpg),
        url(http://www.mediafire.com/conv/3028b9478ae435cae542adb2e129d98fb16475f58ffcf135789b3d6fa82bae586g.jpg),
        url(http://www.mediafire.com/conv/f85b48dc8ec7b1154b4887a057cc961ad093697bcd8f4c489c39e7fd0fc069d16g.jpg),
        url(http://www.mediafire.com/conv/2a1fda0dd44bbd11aa5241fa82989fc9947a459abfae7e86914904975e324b9f6g.jpg);
    background-repeat: no-repeat,
        no-repeat,
        no-repeat,
        no-repeat;
    background-position: top left,
        top right,
        bottom left,
        bottom right;
}

.box h2, .box p{
    padding-left: 5%;
    padding-bottom: 5%;
    padding-top: 2%;    
}