Erstellen Sie horizontale Regeln in CSS

May 20

Horizontale Regeln oder Linien in der HTML-Programmierung werden in der Regel als Trennzeichen Bereichen einer Webseite Teilen verwendet. Cascading Stylesheets (CSS) können Sie deklarieren und verschiedene Eigenschaften gelten für die Zeile bei Verwendung von "< hr >"-Tag in Ihre Seiten. Jedoch wie die horizontalen Regeln anzeigen unterscheidet sich je nachdem, welchen Browser Sie und Ihre Benutzung der Website Besucher. Internet Explorer und Firefox, die jeder erkennen einige Eigenschaften, die der andere nicht, so verwenden beide Eigenschaften, wenn es notwendig ist, um sicherzustellen, dass jeder sieht Ihre Website die Art, wie Sie möchten.

Anweisungen

1 Öffnen Sie die CSS-Datei. Geben Sie Folgendes ein, um eine neue Auswahl für eine horizontale Linie zu erstellen:

HR {}

2 Geben Sie Folgendes ein, um die Farbeigenschaften deklarieren:

Farbe: rot;

Hintergrund-Farbe: rot;

Sie sollten beide verwenden, weil Sie nicht wissen, welche Browser-Besucher auf Ihrer Website verwenden. Internet Explorer erkennt die Eigenschaft "Farbe" für das "< hr >"-Tag, aber nicht die Eigenschaft "Background-Color". Firefox macht das Gegenteil.

3 Geben Sie Folgendes ein, um die Breite und Höhe zu deklarieren:

Höhe: 1px;

Breite: 50 %;

Prozent- oder Pixel für diese Eigenschaften können, aber mit einem Prozent für die Höhe manchmal produziert nicht was Sie wollen.

4 Geben Sie Folgendes ein, um die horizontale Ausrichtung zu deklarieren:

Text-align: left;

Margin: 0px Auto 0px 0px;

Ähnlich wie die Color-Eigenschaft, Internet Explorer und Firefox verwenden verschiedene Möglichkeiten um horizontale Regeln auszurichten. Wenn beispielsweise Sie legen Sie die Eigenschaft "Breite" auf 50 % und nur diese Eigenschaft "Textausrichtung" verwendet, die Zeile in Internet Explorer auf der linken Seite ausrichten würde, aber im Firefox, würde es in der Mitte ausrichten.

5 Geben Sie Folgendes ein, um einen Rahmen zu definieren:

Border: 1px gestrichelt;

Dies setzt einen gestrichelten Rahmen ganz um die horizontale Linie. Wenn Sie die Regel auf ein Pixel in der Höhe oder linke heraus insgesamt die Höhe-Eigenschaft festlegen, würde die Linie selbst zunichte geworden. Entfernen Sie den "dashed" Teil dieser Eigenschaft definieren Sie einen durchgehenden Rahmen.

6 Speichern Sie die CSS-Datei und laden Sie sie auf Ihrem Webserver.