Čeprav HyperText Markup Language( HTML) ponuja oznako, ki ustvarja vodoravni delilnik, ni enakovrednega elementa, ki ustvarja navpično črto. Pogosto se pojavi potreba po vertikalni obliki, kar ustvarja dilemo. Na srečo imate možnost, da uporabite rešitev, ki vključuje tabelo HTML in kodo kode Cascading Style Sheets( CSS) na mejo. Razumite, kako ustvarite HTML kodo in uporabite pravilnik CSS, ki uspešno naredi navpično, polno črto.

Navodila

  1. Zaženite programsko opremo za urejevalnik besedil Notepad, ki je priložen računalniku z operacijskim sistemom Windows in odprite dokument spletnega mesta.

  2. Postavite kazalec na želeno področje, kjer želite, da se zdi črta. Vnesite HTML kodo, ki ustvari preprosto tabelo:

    & lt; table & gt;

    & lt; tr & gt;

    & lt; / td & gt;

    & lt; / tr & gt;

    & lt; / table & gt;

  3. Vnesite naslednjo kodo pred zapiranje "& lt; / head & gt;"Element za ustvarjanje pravila za slog CSS za svojo tabelo

    :

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

    & lt;! -

    tabela{ }

    - & gt;

    & lt; / style & gt;

  4. Vnesite "border-left:;"ali "meja-desno:;"med zavihki, da ugotovite, ali se vaša vrstica prikaže levo ali desno in vnesite "trdno" po dvopičju, da določite, kako naj bo vaša vrstica prikazana. Vnesite številko v slikovnih pikah( px), da ugotovite, kako široka je navpična črta in vnesite barvo, kot je črna, da določite senco črte. Za ponazoritev: tabela

    { border-left: 1px solid black;}

  5. Vrsta "višina:;"in vnesite številsko vrednost v slikovnih pik( px) ali odstotek( %), da določite, kako dolgo je črta. Na primer: tabela

    { border-left: 1 pika trdna črna;višina: 300px;}

  6. Shranite datoteko. Odprite ga v oknu brskalnika, tako da v meniju »Datoteka« v brskalniku kliknete možnost »Odpri« ali »Odpri datoteko«.Če ste zadovoljni z navpično črto, naložite datoteko na svoj spletni strežnik, da jo objavite. V nasprotnem primeru prilagodite vrednosti v svojem slogu, preden ga shranite in ga naložite v gostitelja.

viri

  • Tizag: CSS Tutorial - meja
  • Konzorcij svetovnega spleta( W3C): Box Model
  • Konzorcij svetovnega spleta( W3C): začenši z HTML + CSS