Teaser con esquinas redondeados

 

Título

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

<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)


Índice Capítulo 8
Contenido material adicional