Estilo 2 - Comilla en la esquina izquierda con fondo gris sobre el texto

blockquote {

ancho: 75%; / * Ancho del bloque * /

fondo: # F6F6F6; / * Color del fondo * /

posición: relativa; / * Posición del bloque * /

Relleno: 20px 30px; / * Espacio entre el texto y el contorno * /

estilo de letra: cursiva; / * Texto en estilo cursiva * /

frontera: ninguna; / * Sin bordes * /

margen: 0 auto; / * Espacio entre el bloque y elementos externos * /

margen inferior: 15px; / * Espacio entre la parte inferior del bloque y elementos externos * /

}

blockquote: antes de

fondo: # 2dcb73 url (http://2.bp.blogspot.com/-x6UNdKXyTP4/Uho8Vvg32_I/AAAAAAAAAQI/M8P-4g3M6Uk/s1600/Blockquote.png) no se repite; / * Imagen de la comilla * /

contenido: "\ f10e"; / * Icono de la comilla * /

posición: absoluta; / * Posición del elemento * /

izquierda: -32px; / * Espacio desde la izquierda * /

text-align: center; / * Alineación del texto * /

línea de altura: 32px; / * Espacio por encima y debajo del elemento * /

color: #FFF; / * Color del texto * /

arriba: 0; / * Espacio desde arriba * /

ancho: 32px; / * Ancho * /

altura: 32px; / * Altura * /

}