Überschrift mit Hintergrundgrafik formatieren:

Die Überschrift wurde zusätzlich noch mit einem 2px breiten gestrichelten Rahmen in der Farbe rot ausgestattet. Mit der Anweisung "padding" kann ein bestimmter Innenabstand zum Text erreicht werden ... in diesem Beispiel sind es 10px!

Code für die CSS-Datei

h1
{
font-family: 'Courier New';
font-size: 20px;
color: #000
}
.hintergrund
{
background-image: url('verzeichnis/hintergrundgrafik.jpg');
border: 2px dashed #FF3366;
padding: 10px;
color: #fff
}

Code im Html-Dokument

<h1 class="hintergrund">Hier fügen Sie Ihren Text ein ...</h1>

Info: Die nicht klassifizierte h1-Überschrift wird in der Farbe schwarz angezeigt (siehe oben die Überschrift dieser Seite)!