Eine Initiale am Anfang des Absatzes mit CSS [Code Poem #36]

News
Tools
Bücher
Fotos
Impressum
Be social!
Finden

Eine Initiale am Anfang des Absatzes mit CSS [Code Poem #36]

Wie kann ich eine Initiale bei einem Absatz erzeugen?
Mit CSS3 ist das gar kein Problem:

p {
  font-family: Georgia; 
  font-size: 1.2em;
}
p:first-child:first-letter { 
  float: left; 
  color: #CCCCCC; 
  padding-top: 10px; 
  padding-right: 8px; 
  padding-left: 3px; 
  font-family: Georgia; 
  font-size: 2.5em; 
}

Eine Initiale am Anfang des Absatzes mit CSS [Code Poem #36] wurde am 9. 7. 2010 um etwa 11 Uhr gepostet und am 28. 1. 2011 um etwa 20 Uhr geändert.
Design wären noch interessante Themen.
Dies könnte Dich auch interessieren: Absatz, CSS, formatieren, QuellCode.
Kommentiere als Erster diesen Post!

Weitere Posts zu diesem Thema

Ein CSS-StyleSheet zum Anfang

Es fällt mir immer wieder auf, dass manche Designer auf grundlegende CSS-Definition vergessen. Am öftesten wird das zurücksetzen der vom jeweiligen Br [...]
Buttons im Google-Stil erstellen [Code Poem #8]

Ich hätte auch gerne die hübschen Buttons wie Google sie darstellt. Das ist mit CSS3 und ein wenig Tipparbeit im Stylesheet gar kein Problem. Aber au [...]
Den Titel eines Posts mit einem Band hinterlegen [Code Poem #7]

Ich hätte als Titel gerne ein Band über einem Hintergrund, so wie es auf dem Bild aussieht: Dies geht eigentlich ganz einfach mit den neuen Techniken [...]
Text mit CSS3 rotieren

Ich finde jetzt immer mehr Techniken um mit CSS3 und HTML (bis vor kurzem HTML 5) zu arbeiten. Immer mehr Browser untersützen jetzt die neuen Versione [...]
Renoviert!

Am 9. Oktober 2007 habe ich meinen Block gestartet, also vor mehr als einem Jahr. Der Blog hat sich gewandelt und manchmal war ich hyperaktiv und manc [...]