En CSSBlog existe una guía sobre los bordes redondeados: www.cssblog.es
Un saludo.
Enviado desde mi iPhone
El 11/02/2009, a las 11:43, Chr5 <chr5ma...@gmail.com> escribió:
> Buenos días,
>
> Intento implementar una técnicas de esquinas redondeadas basada en C
> SS que
> esté documentada y sea accesible [1], etc.
>
> ¿ Alguien tiene una idea clara de como implementarlo, de modo que las
> esquinas de esta caja sean transparentes y dejen ver el fondo (un
> degradado)
> de la web en cuestión ?
>
> Lo he intentando con el siguiente código pero usando esquinas png con
> transparencias, no consigo el efecto, ya que la transparencia
> muestra el
> elemento anterior, de color sólido. Agredezco cualquier orientación
> al
> respecto,
>
> tengo este html:
>
> <div class="boxpruebas">
> <div class="box_externa">
> <h2>Caja de pruebas</h2>
> </div>
>
> <div class="box_interna">
> <p>Esto es una caja que usa la tecnicas de sliding
> doors de
> Bowman</p>
> </div>
> </div>
>
> con este css:
>
> .boxpruebas {
> float: left;
> margin: 0 auto;
> width: 30em;
> background:#fff url(../img/tmp/backblue.png) no-repeat bottom
> right;
> }
>
> .box_externa {
> background: url(../img/tmp/red.png) no-repeat top right;
> margin: 0; padding: 0;
> border-bottom: 1px solid green;
> }
>
> .box_interna {
> background: url(../img/tmp/red.png) no-repeat 0 100%;
> margin: 0;
> padding: 1px 0;
> }
>
> .boxpruebas h2 {
> margin: 0; padding: 0;
> background: url(../img/tmp/verde.png) no-repeat 0 0;
> }
>
> .boxpruebas h2, .boxpruebas p {
> padding: 1em;
> }
>
> les agradezco de antemano la ayuda,
> chr5
>
> [1] http://www.vertexwerks.com/tests/sidebox/
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección
> : http://lists.ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
