En HTML, la etiqueta <blockquote> sirve para diferenciar bloques de texto y citas dentro de nuestros artículos. Desde CSSLab nos proponen una solución elegante para ponerles comillas al principio y al final a los blockquotes. Lo único que hace es redefinir el estilo de la etiqueta blockquote y ponerle una imagen de fondo al bloque, que son las comillas del final. Y utilizar el selector blockquote:first-letter para meter la imagen de fondo de las comillas de inicio.
Si copias y pegas el código CSS que nos proponen en el fichero .css de tu página web, ya te saldrán así todos los bloques escritos de la forma: <blockquote>Ejemplo de cita.</blockquote>
Enlace con el código y más información: