CSS. Adornar citas con blockquote
Enviado por Admin en la categoría diariodeoperacion
el Lunes, 08 Mayo, 2006
Dos elementos designan citas de texto: BLOCKQUOTE para citas largas (contenido en bloque) y Q para citas cortas (contenido en línea) que no necesitan cambios de párrafo. Vamos a emplear la primera para resaltar las citas.
Tags: diario operación, CSS, diseño, web
1 Comentario
Usaremos una imagen, en este caso un gif transparente para poner las comillas y modificamos la hoja de estilo.
CSS
blockquote {
background: url(/html/images/comillas.gif) no-repeat 0 3px;
color: #666;
padding-left: 20px;
font-style: italic;
margin-bottom: 1px;
display:block;
padding-top:5px;
}
El resultado
HTML
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam ligula neque, pulvinar vel, adipiscing sit amet, bibendum non, sem.
Tags: diario operación, CSS, diseño, web
