Eine HR-Farbe ändern

Ein "< HR >" Tag erzeugt eine horizontale Linie, die in der Regel verwendet wird, um Inhalt auf einer Webseite zu trennen. Ohne Stil Tags hinzugefügt die Strecke ist schwarz und passt nicht besonders gut mit den meisten Webseiten-Designs. Glücklicherweise können Sie die Linienstärke, Ausrichtung, Breite und Farbe entsprechend Ihrem Website-Design ändern. Um die Farbe der horizontalen Linie ändern, können Sie die HTML-Eigenschaft "Farbe", aber aufgrund von Unterschieden in < HR >-Tag, wie Web-Browser gerendert, musst du auch die "Höhe" und "Background-Color" Cascading Style Sheets (CSS) Eigenschaften definieren.

Anweisungen

1 Öffnen Sie Ihre Webseite-Dokument in einem HTML- oder Text-Editor. Öffnen Sie das Dokument mithilfe des systemeigenen Windows Text-Editors mit der rechten Maustaste der Datei, und klicken Sie dann "Öffnen mit". Wählen Sie "Notepad" oder "WordPad" klicken Sie auf "OK".

2 Hier klicken, um den Cursor zwischen die "< BODY >" setzen und "< / BODY >" Tags im Dokument. Drücken Sie die "Leertaste" eine Leerzeile zu erstellen.

3 Typ "< hr" und drücken Sie die "Leertaste." Dadurch wird die Eröffnung des horizontale Trennlinie-Tags erstellt. Im Gegensatz zu vielen anderen HTML-Tags das "< HR >" Tag ist einzigartig und erfordert keinen schließendes Tag.

4 Typ "Style =" Height: 1px; "und drücken Sie die"Leertaste." Dadurch entsteht das "Style"-Attribut für das "< HR >"-Tag, das Ihnen erlaubt, die CSS-Stileigenschaften Eingang. Ersetzen Sie die "1" in der "Höhe"-Eigenschaft, mit der Höhe der horizontalen Linie in Pixel. Die Höhe muss mindestens ein Pixel aufweisen.

5 Typ "Farbe: #FF0000;" und drücken Sie die "Leertaste." Dies definiert die CSS-Eigenschaft "Color" als "#FF0000" die den hexadezimalen Farbwert für Rot ist. Ersetzen Sie den hexadezimalen Farbwert durch den Wert Ihrer Wahl.

6 Typ "Hintergrundfarbe: #FF0000;" > "und drücken Sie"Enter." Dies definiert die Eigenschaft "Background-Color" als "#FF0000" und schließt das "< HR >"-Tag. Ersetzen Sie den hexadezimalen Farbwert mit demselben Wert in der vorherigen Schritt eingegeben. Die hexadezimale Farbwerte müssen dasselbe gilt für die "Farbe" und "Background-Color" Eigenschaften in allen Webbrowsern korrekt dargestellt werden.

7 Klicken Sie im Menü "Datei" und dann auf "Save" zum Speichern des Dokuments Webseite.