Überschriften im Inhalt

Die folgenden Überschriften dienen lediglich der Demonstration von CSS.

Alles über Überschriften

h1 {
padding:0 1.6em 0 0;
margin:1.6em 20px 0 35px;
border-bottom:#76738F 2px solid;
background:#fff;
color:#76738F;
font:bold 1.3em verdana,arial,helvetica,sans-serif;
letter-spacing:0.5ex;
display: list-item;
list-style-image: url(h1.gif);
}

Werbung

#box {
float:right;
border:1px solid #B2B2B2;
padding:0;
margin:54px 42px 10px 10px;
width:14em;
background:#EAF3FE;
color:#000;
font-size:0.9em;
}
#box h2 {
display:block;
font-size:0.7em;
border-bottom:2px solid #FEDB93;
margin:0;
padding:0.2em 0.5em;
background:#FEDB93;
color:#000;
line-height:1.5em;
letter-spacing:0.1ex;
text-align:center;
}
#box p {
padding-right:0.5em;
padding-left:0.3em;
}

Einleitung

h2 {
padding:0 1.6em 0 0;
margin:1.6em 20px 0 35px;
border-bottom:#76738F 2px dotted;
background:#fff;
color:#76738F;
font:bold 1em verdana,arial,helvetica,sans-serif;
display:list-item;
list-style-image:url(h2.gif);
}

Überschriften auf Webseiten

.zwischenueberschrift {
display:block;
border-bottom:none;
}

Zusammenfassung

Diese Überschrift hat die gleichen Eigenschaften wie die vorherige Überschrift

Zurück zu den Erläuterungen