Wie man eine vertikale durchgezogene Linie in CSS

November 8

Obwohl (HTML = HyperText Markup Language) einen Tag, der eine horizontale Trennlinie erstellt bereitstellt, gibt es keine gleichwertige Elements, das eine vertikale Linie erstellt. Notwendigkeit einer vertikalen Form entsteht oft, so dass dadurch ein Dilemma entsteht. Glücklicherweise haben Sie die Möglichkeit, eine Problemumgehung zu verwenden, die enthält eine HTML-Tabelle und Cascading Style Sheets (CSS) Code auf einen Rahmen angewendet. Verstehen Sie, wie man den HTML-Code erstellen und Anwenden von CSS-Regel, die eine solide vertikale Linie erfolgreich macht.

Anweisungen

1 Starten Sie Notepad Text Editor Software, die mit Ihrem Windows-Computer kommt, und öffnen Sie ein Dokument Webseite.

2 Positionieren Sie den Cursor in den gewünschten Bereich, wo Sie die durchgezogene Linie angezeigt werden soll. Geben Sie den HTML-Code, der eine einfache Tabelle erstellt:

< Tabelle >

< tr >

< td >< / td >

</tr >

< / table >

3 Geben Sie den folgenden Code vor dem schließenden "< / Head >" Element Ihrer CSS-Formatierungsregel für Ihre Tabelle zu erstellen:

< Typ style = "Text/Css" >

<!--

{Tabelle}

-->

< / style >

4 Geben Sie "linke Grenze:;" oder "Grenze rechts:;" zwischen den geschweiften Klammern zu bestimmen, ob Ihre Linie auf Links oder rechts angezeigt wird, und geben "durchgehend" nach dem Doppelpunkt angeben, dies ist, wie Ihre Linie angezeigt werden soll. Geben Sie einen Wert in Pixeln (px), um zu bestimmen, wie breit die vertikale Linie ist, und geben Sie eine Farbe, z. B. schwarz, im Schatten der Linie angeben. Zur Veranschaulichung:

Tabelle {Grenze-Links: 1px solid Black;}

5 Typ "Höhe:;", und geben Sie einen Zahlenwert in Pixeln (px) oder als Prozentsatz (%) um zu bestimmen, wie lange die Strecke ist. Zum Beispiel:

Tabelle {Grenze-Links: 1px solid Black; Höhe: 300px;}

6 Speichern Sie die Datei. Durch Klicken auf die Option "Öffnen" oder "Datei öffnen" unter "Datei" im Menü des Browsers in einem Browserfenster geöffnet. Wenn Sie die vertikale Linie zufrieden sind, laden Sie die Datei auf Ihrem Web-Host zu veröffentlichen. Andernfalls nehmen Sie Anpassungen auf die Werte in Ihrer Stilregel, bevor Sie speichern und Hochladen auf Ihrem Host.