10 May, 2009

Blockquotes stylen

Categoriën: Images |Typography |W3C |Xhtml Strict |valid

Blockquotes zijn kleine stukjes tekst uit je content die je extra wenst te laten opvallen, dus kan je maar beter zorgen dat ze echt opvallen.

HTML

<blockquote>
  <p>Ik ben een blockquote en ....lorem ipsum en dat dolor gedoe er ook nog bij enzo.</p>
</blockquote>

CSS

blockquote {
  font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
  width: 400px;
  background: url(images/quote-2.gif) no-repeat right bottom;
}
blockquote p {
  background: url(images/quote-1.gif) no-repeat 0 0;
  padding-left: 32px;
  font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}

Gerelateerde Snippets

Geen reakties op "Blockquotes stylen"

Reaktie formulier


Demo: Blockquotes stylen:

Advertenties

Volgende nieuwe Snippet:

  • Momenteel niks gepland.