Deși HyperText Markup Language( HTML) oferă o etichetă care creează un divizor orizontal, nu există un element echivalent care să creeze o linie verticală.Este adesea nevoie de o formă verticală, astfel încât aceasta creează o dilemă.Din fericire, aveți opțiunea de a utiliza o soluție care încorporează o tabelă HTML și aplică un cod CSS( Cascading Style Sheets) la o margine.Înțelegeți cum să creați codul HTML și să aplicați regula CSS care face cu succes o linie verticală, solidă.

Instrucțiuni

  1. Lansați software-ul editorului de text Notepad, care vine cu computerul dvs. Windows și deschideți un document web.

  2. Poziționați cursorul în zona dorită unde doriți să apară linia solidă.Introduceți codul HTML care creează o tabelă simplă:

    & lt; table & gt;

    & lt; tr & gt;

    & lt; / td;

    & lt; / tr & gt;

    & lt; / table & gt;

  3. Introduceți următorul cod înainte de închiderea "& lt; / head & gt;"element pentru a crea regula dvs

    . de stil CSS pentru tabelul dvs.:

    & lt; style type = "text / css" & gt;

    & lt;! - tabelul

    { }

    - & gt;

    & lt; / style & gt;

  4. Introduceți "border-left";sau "frontieră-dreapta:;"între paranteze curbate pentru a determina dacă linia dvs. apare în stânga sau în dreapta și introduceți "solid" după colon pentru a specifica modul în care ar trebui să apară linia dvs. Introduceți un număr în pixeli( px) pentru a determina cât de lat este linia verticală și introduceți o culoare, cum ar fi negrul, pentru a specifica nuanța liniei. Pentru a ilustra: tabelul

    { border-left: 1px solid black;}

  5. Tipul "înălțime:;"și tastați o valoare numerică în pixeli( px) sau procent( %) pentru a determina cât timp este linia. De exemplu: tabelul

    { border-left: 1px solid black;înălțime: 300px;}

  6. Salvați fișierul. Deschideți-o într-o fereastră de browser făcând clic pe opțiunea "Deschidere" sau "Deschidere fișier" din meniul "Fișier" al browserului. Dacă sunteți mulțumit de linia verticală, încărcați fișierul pe gazda Web pentru al publica.În caz contrar, efectuați ajustări ale valorilor din regula stilului înainte de ao salva și ao încărca în gazdă.Resurse

  • Tizag: Tutorial CSS - Frontiera
  • Consorțiul World Wide Web( W3C): Modelul cutie
  • World Wide Web Consortium( W3C): Începând cu HTML + CSS