La Tecnologia Webmaster Seba37

Curly contenedor

Curly esquina de un contenedor

Existen innumerables técnicas en la web para añadir rizado / esquinas redondas con los contenedores DIV. La siguiente muestra una manera de agregar una esquina inferior derecha rizado a cualquier DIV en la página. Lo hace mediante el posicionamiento relativo a ligeramente compensado un DIV a la derecha y abajo, por lo que su imagen de fondo, que es una imagen rizado, cae en línea con el borde exterior de la DIV.

Demostración:



CSS:

<style> / * Créditos: Dynamic Drive CSS Library * / / * URL: http://www.dynamicdrive.com/style/ * / . curlycontainer ( border: 1px solid # b8b8b8; margin-bottom: 1em; width: 300px; ) . curlycontainer. innerdiv ( background: transparent url (https://img.webme.com/pic/s/seba37/brcorner.gif) abajo a la derecha no-repeat; position: relative; left: 2px; top: 2px; padding: 1px 4px 15px 5px; ) </ style>

HTML:


 

<div class="curlycontainer"> <div class="innerdiv"> <b> algún título </ b> <br /> Algunos texto <br /> Algunos texto <br /> Algunos texto <br /> Algunos texto </ div> </ div>