Gegen Bilderklau - Das Original | Druckvorschau: Überschriften stylen

Geschrieben von Lottalein am 23.05.2012 um 14:19:

smile

Überschriften stylen

Überschriften stylen mit CSS ist gar nicht so schwierig. Es gibt verschiedene Arten, wie ihr die Überschriften in eurem CSS-Code stylen könnt. Ich zeige euch hier 5 verschiedene Arten.

Anleitung

Als erstes definieren wir die Überschrift mit <h1>Überschrift</h1> in dem Html-Code.

code:
1: 2: 3: 4: 5: 6: 7:	h1 { color: #000000; letter-spacing: 1px; font-weight: bold; border-bottom: solid 2px #000000; font-family: Verdana; font-size: 9px;}

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:

h1 {
display: block;
font-family: Verdana;
font-size: 9pt;
color: #000000;
text-decoration: none;
line-height: 5pt;
text-align: left;
letter-spacing: 3px;
border-bottom: 2px double #000000;}

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:

h1 {
font-size: 9pt;
color: #000000;
font-family: Verdana;
text-align: center;
font-weight: bold;
line-height: 93%;
padding: 2;
letter-spacing: 2px;
border-bottom: 1px solid #000000;
border-bottom-style: dashed;
background-color: transparent;}

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:

h1 {
display: block;
text-align: left;
font-family: Verdana;
font-size: 9pt;
color: #000000;
font-weight: bold;
background-color:#ffffff;
line-height: 8pt;
text-decoration: none;
border-bottom: 1px #ffffff;}

code:
1: 2: 3: 4: 5: 6: 7: 8: 9:	h1 { font-size: 9px; color: #000000; text-align: left; height: 2px; border: 1px solid; border-color:#000000; background:URL(background.jpg); font-weight: bold;}

____________________________________________

Natürlich könnt ihr die Farben, die Schriftart, Schriftgröße und soweiter selbst anpassen Augenzwinkern

Von mir sind es eben nur einfache Vorschläge, damit ihr ungefähr seht wo was hinkommt.

Nun wünsche ich euch damit viel Spaß und hoffe, dass ihr dieses kleine Tutorial gebrauchen könnt Herz

Geschrieben von Glis am 25.05.2012 um 19:45:

Hey Lottalein smile

Ich wollte dich mal fragen, ob du weißt, wie ich den ersten Buchstabe des Wortes anders darstellen kann. ich dachte das geht über h1:first-letter oder sowas. Aber ich bin mir nicht sicher. Kannst du mir helfen? <3

lg,
windsong. von SF

Geschrieben von Schatti am 25.05.2012 um 21:01:

Ohja die Frage stelle ich mir auch immer, sowohl Schriftgröße als auch Schriftart.

Geschrieben von Lottalein am 12.06.2012 um 11:07:

Hallo ihr beiden,

schaut euch doch mal den folgenden Link an: klicken
Dort wird es eigentlich ganz gut erklärt smile

Liebste Grüße, Lottalein