Bloques de texto con estilo

En CSSLAB nos recuerda que la etiqueta <blockquote> corresponde a una cita dentro de un bloque de texto. Ese es su significado semántico. El resultado en wordpress.com es el siguiente:

Se usa para definir largos parágrafos donde se citan desde otros sitios web externos. Puede ir acompañado de algunos atributos, como title (define el título de esa cita), lang (define en qué idioma está) y cite (muestra el URL desde dónde se tomó esa cita).

La idea de esta ocasión, es darle un estilo más gráfico a esas citas a través de un poco de CSS. Como en impresos se suelen utilizar las comillas (“) para describir gráficamente este elemento, lo que haremos es poner al inicio y al final del blockquote 2 comillas a través de 2 imágenes diferentes. Puedes ver el ejemplo.

Te recomiendo que veas la totalidad del artículo con los códigos CSS empleados.

Anuncios

Una respuesta a Bloques de texto con estilo

  1. Pablo dice:

    Hola! excelente el blog! super-util!!

    Vine buscando algo de unos menus… pero ya que estoy… me gustaría mucho que tu blog liste en un DIRECTORIO WEB que estoy lanzando…. Beta Dir

    Tengo una categoria que te encaja justo: Tips para blogs ;)

    A ver si te apuntas! :)

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: