Wie man eine horizontale Linie in externe Cascading Stylesheets

August 8

Du musst ein Bildbearbeitungsprogramm verwenden, um die bunte Linien für Ihre Webseiten zu erstellen. Linien und Formen--wenn strategisch platzierten--fügen Interesse zu Websites und helfen, die Ihnen organisieren und Informationen auf überfüllten Webseiten zu trennen. Ein externen cascading Stylesheets verwenden, können Sie jedem Browser in einer Zeichnung Maschine verwandeln die können Sie angepasste horizontale Linien überall, die Sie wie, auf einer Webseite zu platzieren.

Anweisungen

1 Öffnen Sie den Editor, und fügen Sie den folgenden Code in ein neues Dokument:

{div.line}Hintergrund-Farbe: blau;Width: 200px;Höhe: 2px;}

Dieser CSS-Code definiert die Attribute für das div-Tag, den, das Sie verwenden werden, um Ihre horizontale Linie zu erstellen. Das Background-Color-Attribut legt die Linienfarbe. Die Attribute Width und Height bestimmen der Linie Breite und Höhe in Pixeln. Ändern Sie die Werte für Breite und Höhe in alles, was Sie mögen. Ersetzen Sie "Blue" mit jeder gültigen HTML-Farbnamen. Gültigen Farben HTML-Farbnamen im Web zu finden, auf der Suche nach HTML-Farbnamen.

2 Speichern Sie das Dokument mit einer Dateierweiterung von "CSS." Dies würde zu ein externen cascading Stylesheet.

3 Einem beliebigen HTML-Editor zu starten, und eines Ihrer HTML-Dokumente zu öffnen.

4 Fügen Sie folgenden Code in den Head-Abschnitt des Dokuments:

< href="STYLE_SHEET_NAME.css link" Rel = "Stylesheet" Type = "Text/Css" / >

Ersetzen Sie "STYLE_SHEET_NAME.css" durch den Namen des Stylesheets, die Sie gespeichert. Durch das Hinzufügen dieser Code hinzugefügt das Stylesheet Ihr HTML-Dokument.

5 Finden Sie Body-Abschnitt des Dokuments und fügen Sie den folgenden Code an der gewünschten Ihre Linie angezeigt werden:

< Div Class = "Line" / >

Diese Codezeile erstellt die Zeile, die Sie in externen cascading Stylesheet definiert.

6 Speichern Sie das Dokument und zeigen Sie es in einem Browser, die Linie auf Ihrer Web-Seite zu sehen.

Tipps & Warnungen

  • Machen Sie eine horizontale Linie, die die Breite Ihrer Web-Seite zu decken, indem seine Breitenwert "100 %".
  • Legen Sie beliebig viele Zeilen, wie Sie auf Ihren Web-Seiten benötigen, indem Sie die zuvor gezeigte Code Div-Code.
  • Stellen Sie dickere Linien durch erhöhen den Wert für die Breite in der externen cascading Stylesheets.

SIE KÖNNEN AUCH GERNE