ZanCajO.com

Imagenes como cuadros

Para que alguna imagen o varias tengan el aspecto de un cuadro bastaría con añadirlas un borde.

Lo normal sería hacerlo en la hoja de estilos.
La imagen sería esta
cuadro
Ahora la ponemos un borde de 3pixel rojo ( border:3px solid #FF0000; )
cuadro
Ahora separo el borde (padding:5px o 10px)

cuadro cuadro

Podría poner un fondo (background-color:#000000) pero sólo voy a modificar el tipo de borde por uno doble (border:3px double #FF0000)
cuadro
de puntos (border:3px dotted #FF0000)
cuadro
de rayas (border:3px dashed #FF0000)
cuadro
o como los botones (border:3px inset #FF0000) (border:3px outset #FF0000)

cuadro cuadro
También se puede jugar con los bordes haciendo cada uno de una forma y separando unos más que otros. Yo me quedo con esta
cuadro

[zzamov 17 enero 2009 0:26] Categorías: Lenguajes web - Etiquetas: , - -

No hay comentarios »

Aún no hay comentarios.

RSS feed para los comentarios de esta entrada. TrackBack URL

Deja un comentario

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Protectora de Animales Huellas Kilate.info El Ancestro WordPress-ES Ayuda Wordpress

Valid XHTML 1.0 Transitional¡CSS Válido![Valid RSS] - RSS Artículos y Comentarios - Acceder ;)-

Gestionado con WordPress