Lottalein
Ü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
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
Glis
Hey Lottalein
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
Schatti
Ohja die Frage stelle ich mir auch immer, sowohl Schriftgröße als auch Schriftart.
Lottalein
Hallo ihr beiden,
schaut euch doch mal den folgenden Link an:
klicken
Dort wird es eigentlich ganz gut erklärt
Liebste Grüße, Lottalein