Aj keď HyperText Markup Language( HTML) poskytuje značku, ktorá vytvára horizontálny delič, neexistuje ekvivalentný prvok, ktorý vytvára vertikálnu čiaru. Potreba vertikálneho tvaru často vzniká, takže to vytvára dilemu. Našťastie máte možnosť použiť riešenie, ktoré obsahuje tabuľku HTML a používa kód CSS( CSS) na okraji. Pochopte, ako vytvoriť kód HTML a uplatniť pravidlo CSS, ktoré úspešne vytvára vertikálnu pevnú čiaru.

inštrukciami

  1. Spustite softvér textového editora Poznámkový blok, ktorý je dodávaný s počítačom so systémom Windows a otvorte dokument webových stránok.

  2. Umiestnite kurzor na požadovanú oblasť, kde sa má zobraziť plná čiara. Zadajte kód HTML, ktorý vytvorí jednoduchú tabuľku:

    & lt; table & gt;

    & lt;

    & lt; / RTI & gt;

    & lt; / tr & gt;

    & lt; / table & gt;

  3. Pred uzavretím "& lt; / head & gt;" zadajte nasledujúci kód:prvok pre vytvorenie pravidla štýlu CSS pre vašu tabuľku:

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

    & lt;! - tabuľka

    { }

    - & gt;

    & lt; / style & gt;

  4. Zadajte "border-left:;"alebo "hraničný-pravý:;"medzi pozdĺžnymi zátvorkami, aby ste zistili, či sa vaša čiara zobrazuje vľavo alebo vpravo a zadajte "pevný" za dvojbodkou, aby ste určili, ako sa má vaša línia zobraziť.Zadajte číslo v pixeloch( px), aby ste určili, do akej miery je zvislá čiara a zadajte farbu, napríklad čiernu, aby ste určili odtieň čiary. Na ilustráciu: tabuľka

    { border-left: 1px solid black;}

  5. Typ "výška:;"a zadajte číselnú hodnotu v pixeloch( px) alebo percentách( %), aby ste určili, ako dlho je táto linka. Napríklad: tabuľka

    { border-left: 1px solid black;výška: 300px;}

  6. Uložte súbor. Otvorte ho v okne prehliadača kliknutím na možnosť "Otvoriť" alebo "Otvoriť súbor" v ponuke "Súbor" prehliadača. Ak ste s vertikálnou líniou spokojní, odovzdajte súbor na svoj webový hostiteľ, aby ste ho publikovali. V opačnom prípade vykonajte úpravy pravidiel štýlu pred uložením a odovzdaním do hostiteľa. Zdroje

  • Tizag: CSS výučba - hraničná
  • Konzorcium World Wide Web( W3C): Box Model
  • Konzorcium World Wide Web( W3C): Začínajúc HTML + CSS