Iako HyperText Markup Language( HTML) pruža oznaku koja stvara vodoravni razdjelnik, nema ekvivalentnog elementa koji stvara okomitu liniju.Često se javlja potreba za vertikalnim oblikom, pa to stvara dilemu. Srećom, imate mogućnost upotrebe zaobilaznog rješenja koja uključuje HTML tablicu i primjenjuje kôd Cascading Style Sheets( CSS) na granicu. Saznajte kako izraditi HTML kôd i primijeniti pravilo CSS koje uspješno stvara vertikalnu, čvrstu liniju.

Upute

  1. Pokrenite Notepad softver za uređivanje teksta koji dolazi s vašim Windows računalom i otvorite web stranicu.

  2. Postavite pokazivač na željeno mjesto gdje želite da se prikaže čvrsta crta. Unesite HTML kôd koji stvara jednostavnu tablicu:

    & lt; table & gt;

    & lt; tr & gt;

    & lt; / tr & gt;

    & lt; / table & gt;

  3. Upišite sljedeći kod prije zatvaranja "& lt; / head & gt;"element za izradu pravila stila CSS za vašu tablicu:

    & lt; style type = "text / css"

    & gt;

    & lt; -

    tablica{ }

    - & gt;

    & lt; / style & gt;

  4. Unesite "border-left:;"ili "granična prava:";između kovrčastih zagrada kako biste utvrdili pojavljuje li se crta na lijevoj ili desnoj strani i unesite "čvrstu" nakon dvotočke da biste odredili kako bi se vaša crta trebala pojaviti. Upišite broj u pikselima( px) kako biste utvrdili koliko je široka okomita crta i unesite boju, kao što je crna, kako biste odredili nijansu crte. Za ilustraciju:

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

  5. Tip "visina:;"i upišite brojčanu vrijednost u pikselima( px) ili postotku( %) kako biste odredili koliko dugo je linija. Na primjer:

    tablica{ border-left: 1px solid black;visina: 300px;}

  6. Spremite datoteku. Otvorite je u prozoru preglednika klikom na opciju "Otvori" ili "Otvori datoteku" u izborniku "Datoteka" preglednika. Ako ste zadovoljni vertikalnom linijom, prenesite datoteku na web host da biste ga objavili. U suprotnom, prilagodite vrijednosti u svojem pravilu stila prije spremanja i prenesite ga u svoj host.

resursi

  • Tizag: CSS tutorial - granica
  • World Wide Web Consortium( W3C): Okvirni model
  • World Wide Web Consortium( W3C): počevši od HTML + CSS