<div class="ws-teaser-round">
<div class="ext">
<div class="int">
<h4>Überschrift</h4>
<p>Text.</p>
</div>
</div>
</div>
.ws-teaser-round {
width: 20em;
background-image: url(right-bottom.gif);
background-repeat: no-repeat;
background-position: right bottom;
background-color: #961734;
color: #fff;
}
.ws-teaser-round .ext {
background-image: url(left-bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
.ws-teaser-round .int {
background-image: url(right-top.gif);
background-repeat: no-repeat;
background-position: right top;
}
.ws-teaser-round h4 {
background-image: url(left-top.gif);
background-repeat: no-repeat;
background-position: left top;
padding: 1em 0 0 1.5em;
}
Distintas imágenes
(no necesariamente con este tamaño)