Hvordan lage en vertikal Solid Line in CSS

Selv om Hypertext Markup Language (HTML) gir en tag som skaper en horisontal skillevegg, er det ikke en tilsvarende element som skaper en vertikal linje. Et behov for en vertikal form oppstår ofte, slik at dette skaper et dilemma. Heldigvis har du muligheten til å bruke en midlertidig løsning som inkorporerer en HTML-tabell og gjelder Cascading Style Sheets (CSS) kode til en grense. Forstå hvordan å lage HTML-koden og bruke CSS-regel som vellykket gjør en vertikal, heltrukken linje.

Bruksanvisning

1 Start Notepad tekst editor programvare, som kommer med Windows-datamaskinen, og åpne en nettside dokument.

2 Plasser markøren i det ønskede området der du vil ha den heltrukne linjen skal vises. Skriv inn HTML-koden som skaper en enkel tabell:

<Table>

<Tr>

<Td> </ td>

</ Tr>

</ Table>

3 Skriv inn følgende kode før den avsluttende "</ head>" element for å lage din CSS stil regelen for tabellen:

<Style type = "text / css">

<! -

table {}

->

</ Style>

4 Skriv inn "border-left:;" eller "border-right:;" mellom klammeparenteser for å finne ut om din linje vises på venstre eller høyre, og skriv "solid" etter kolon å spesifisere dette er hvordan linjen din skal vises. Skriv inn et tall i piksler (px) for å finne ut hvor bred den vertikale linjen er, og angi en farge, for eksempel svart, for å spesifisere skyggen av linjen. Å illustrere:

table {border-left: 1px solid black; }

5 Type "height:;" og skriv inn en tallverdi i piksler (px) eller prosentandel (%) for å avgjøre hvor lenge linjen er. For eksempel:

table {border-left: 1px solid black; height: 300px; }

6 Lagre filen. Åpne den i et nettleservindu ved å klikke på "Open" eller "Åpne fil" under nettleserens "Fil" -menyen. Hvis du er fornøyd med den vertikale linjen, laste opp filen til din Web vert å publisere den. Ellers gjør tilpasninger til verdiene i din stil regelen før du lagrer og sender den til verten.