Ver Mensaje Individual
  #4 (permalink)  
Antiguo 23/06/2009, 14:51
AlbertoGarcia
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 15 años
Puntos: 19
Respuesta: [Bordes] Duda...

Supongo que con algunas de las técnicas 'rounded corner box' se podría conseguir lo mismo pero simulando los bordes. Cuestión de probar.

El css podría ser algo así:

Código HTML:
.box {
            width: 20em;
            background: #ff0 url(images/bottom-left.gif) repeat-x left bottom;
        }
        
        .box-outer {
            background: url(images/bottom-right.gif) repeat-y right top;
            padding-bottom: 5%;
        }
        
        .box-inner {
            background: url(images/top-left.gif) repeat-y left top;
        }
        
        .box h2 {
            background: url(images/top-right.gif) repeat-x right top;
            padding-top: 5%;
        }
        
        .box h2, .box p {
            padding-left: 5%;
            padding-right: 5%;
        }
El html:

Código HTML:
<div class="box">

            <div class="box-outer">
                <div class="box-inner">
                    <h2>Caja Redondeada Flexible</h2>
                    <p>
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin venenatis turpis ut quam. In dolor. Nam ultrices nisl sollicitudin sapien. Ut lacinia aliquet ante.
                        <p>
                        </div>
                    </div>

                </div> 
Es sólo una idea que se me acaba de ocurrir en este momento, no la he probado, pero creo que si se desarrolla puede valer.

Salud!