Absatz mit Hintergrundgrafik formatieren:

Der Absatz wurde hier noch mit einem 1px breiten Rahmen in der Farbe schwarz versehen. Mit der Anweisung "padding" kann ein bestimmter Innenabstand zum Text erreicht werden ... in diesem Beispiel sind es 10px!

Ohne padding würde der Absatz dann so aussehen ... nicht gerade schön fürs Auge, da der Text direkt am Rand klebt ... finden Sie nicht auch?

Code für die CSS-Datei

p
{
font-family: 'Courier New';
font-size: 12px;
color: #000
}
.hintergrund
{
background-image: url('verzeichnis/hintergrundgrafik.jpg');
padding: 10px;
border: 1px solid #000;
color: #fff
}

Code im Html-Dokument

<p class="hintergrund">Hier den Text eingeben ...</p>