HTML-Tutorial | Posttitel unterstreichen ❤

Hallo meine Liebsten, heute kommt mal eine ganz andere Art von Post, und zwar ein HTML-Tutorial! Vielleicht habt ihr gemerkt, dass ich auf meinem Blog immer wieder ein paar Kleinigkeiten verändere, und da arbeite ich oft mit HTML. Zum Beispiel habe ich so mein Menü über dem Header gemacht, habe Posttitel und Sidebartitel zentriert, und und und... Vor zwei Tagen habe ich dann nach tagelangem Suchen eine Möglichkeit gefunden, meinen Posttitel zu unterstreichen, und genau das möchte ich euch heute mal erklären!

Das ganze geht ziemlich schnell und einfach, und man braucht dazu so gut wie keine HTML-Kenntnisse!
Kleine Info: Im HTML kann man mit Strg + F auf die Suchenfunktion gelangen.

Bevor ihr Anfangt macht bitte immer ein Backup von eurem aktuellen Blogdesign, wenn etwas schief geht ist sonst am Ende vielleicht alles weg.

Zuerst müsst ihr im HTML nach h3 suchen. (Das erste Suchergebnis ist nicht das richtige, deswegen müsst ihr ein paar mal auf die Eingabe Pfeiltaste drücken, bis ihr es findet.)

Jetzt sollte euch so in etwa das Grau markierte angezeigt werden ( Achtung! Variiert je nach Vorlage)

Unter der Grau markierten Zeile vom oberen Bild, fügt ihr jetzt folgenden Code ein:  border-bottom: 1px solid #000000; 



1px         :  Das ist die Dicke der Linie, diese könnt ihr beliebig ändern.
solid      :  Solid zeigt an wie euer Unterstrich aussieht, solid steht für einen normalen Strich, aber ihr könnt auch dotted (gepunktet) oder dashed (gestrichelt) verwenden.

#000000 :  Das hier ist die Linien Farbe als Hexacode, #000000 steht für schwarz aber auch das könnt ihr ändern wie ihr wollt.

Wenn ihr das ganze passend eingefügt habt, sollte es so aussehen:

Jetzt müsst ihr alles speichern und Tadaaaaa!

Ich hoffe euch hilft das Tutorial und wenn es euch gefällt, kann ich so etwas ja öfters machen.

Habt noch ein schönes Wochenende