Esquinas redondeadas con CSS e imágenes

Se presentan varios tipos de cajas (o cuadros) imitando la esquina redondeada con una o varias imagenes y que pueden crecer con el contenido.

Uso:

<div class="caja_numero"><div class="c1"><div class="c2"><div class="c3"><div class="c4"><div class="c5">
	<!-- Contenido -->
</div></div></div></div></div></div>

1. Caja con esquina redondeada con borde y una imagen

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras viverra metus nec augue feugiat sed facilisis libero convallis. Quisque congue convallis iaculis. Nunc cursus convallis convallis. Curabitur vitae risus a enim lobortis semper. Curabitur eget sapien sit amet eros faucibus dictum. Proin non lorem quis ligula imperdiet pharetra eget id est. Ut id rutrum quam. Etiam lacinia tempus dui, id gravida tellus vestibulum sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras viverra metus nec augue feugiat sed facilisis libero convallis. Quisque congue convallis iaculis. Nunc cursus convallis convallis. Curabitur vitae risus a enim lobortis semper. Curabitur eget sapien sit amet eros faucibus dictum. Proin non lorem quis ligula imperdiet pharetra eget id est. Ut id rutrum quam. Etiam lacinia tempus dui, id gravida tellus vestibulum sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras viverra metus nec augue feugiat sed facilisis libero convallis. Quisque congue convallis iaculis. Nunc cursus convallis convallis. Curabitur vitae risus a enim lobortis semper. Curabitur eget sapien sit amet eros faucibus dictum. Proin non lorem quis ligula imperdiet pharetra eget id est. Ut id rutrum quam. Etiam lacinia tempus dui, id gravida tellus vestibulum sit amet.

Contiene: una imagen Imagen redonda 1 (16x16) y estilo CSS.

2. Caja con esquina redondeada sin borde y una imagen

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras viverra metus nec augue feugiat sed facilisis libero convallis. Quisque congue convallis iaculis. Nunc cursus convallis convallis. Curabitur vitae risus a enim lobortis semper. Curabitur eget sapien sit amet eros faucibus dictum. Proin non lorem quis ligula imperdiet pharetra eget id est. Ut id rutrum quam. Etiam lacinia tempus dui, id gravida tellus vestibulum sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras viverra metus nec augue feugiat sed facilisis libero convallis. Quisque congue convallis iaculis. Nunc cursus convallis convallis. Curabitur vitae risus a enim lobortis semper. Curabitur eget sapien sit amet eros faucibus dictum. Proin non lorem quis ligula imperdiet pharetra eget id est. Ut id rutrum quam. Etiam lacinia tempus dui, id gravida tellus vestibulum sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras viverra metus nec augue feugiat sed facilisis libero convallis. Quisque congue convallis iaculis. Nunc cursus convallis convallis. Curabitur vitae risus a enim lobortis semper. Curabitur eget sapien sit amet eros faucibus dictum. Proin non lorem quis ligula imperdiet pharetra eget id est. Ut id rutrum quam. Etiam lacinia tempus dui, id gravida tellus vestibulum sit amet.

Contiene: una imagen Imagen redonda 2 (16x16) y estilo CSS.

3. Caja con esquina redondeada combinada

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras viverra metus nec augue feugiat sed facilisis libero convallis. Quisque congue convallis iaculis. Nunc cursus convallis convallis. Curabitur vitae risus a enim lobortis semper. Curabitur eget sapien sit amet eros faucibus dictum. Proin non lorem quis ligula imperdiet pharetra eget id est. Ut id rutrum quam. Etiam lacinia tempus dui, id gravida tellus vestibulum sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras viverra metus nec augue feugiat sed facilisis libero convallis. Quisque congue convallis iaculis. Nunc cursus convallis convallis. Curabitur vitae risus a enim lobortis semper. Curabitur eget sapien sit amet eros faucibus dictum. Proin non lorem quis ligula imperdiet pharetra eget id est. Ut id rutrum quam. Etiam lacinia tempus dui, id gravida tellus vestibulum sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras viverra metus nec augue feugiat sed facilisis libero convallis. Quisque congue convallis iaculis. Nunc cursus convallis convallis. Curabitur vitae risus a enim lobortis semper. Curabitur eget sapien sit amet eros faucibus dictum. Proin non lorem quis ligula imperdiet pharetra eget id est. Ut id rutrum quam. Etiam lacinia tempus dui, id gravida tellus vestibulum sit amet.

Contiene: una imagen Imagen redonda 3 (30x30) y estilo CSS.

4. Caja con esquina redondeada combinada más degradado

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras viverra metus nec augue feugiat sed facilisis libero convallis. Quisque congue convallis iaculis. Nunc cursus convallis convallis. Curabitur vitae risus a enim lobortis semper. Curabitur eget sapien sit amet eros faucibus dictum. Proin non lorem quis ligula imperdiet pharetra eget id est. Ut id rutrum quam. Etiam lacinia tempus dui, id gravida tellus vestibulum sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras viverra metus nec augue feugiat sed facilisis libero convallis. Quisque congue convallis iaculis. Nunc cursus convallis convallis. Curabitur vitae risus a enim lobortis semper. Curabitur eget sapien sit amet eros faucibus dictum. Proin non lorem quis ligula imperdiet pharetra eget id est. Ut id rutrum quam. Etiam lacinia tempus dui, id gravida tellus vestibulum sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras viverra metus nec augue feugiat sed facilisis libero convallis. Quisque congue convallis iaculis. Nunc cursus convallis convallis. Curabitur vitae risus a enim lobortis semper. Curabitur eget sapien sit amet eros faucibus dictum. Proin non lorem quis ligula imperdiet pharetra eget id est. Ut id rutrum quam. Etiam lacinia tempus dui, id gravida tellus vestibulum sit amet.

Contiene: dos imágenes Imagen redonda 4 (30x30) y Linea degradada 4 (1x80) más estilo CSS.

Contenido de DocumentoWeb en Esquinas redondeadas con CSS e imágenes