Vaikka HyperText Markup Language( HTML) tarjoaa tunnisteen, joka luo vaakasuoran jakaja, ei ole vastaavaa elementtiä, joka luo pystyviivan. Pystysuuntaisen muodon tarve syntyy usein, joten tämä aiheuttaa ongelman. Onneksi sinulla on mahdollisuus käyttää kiertotapaa, joka sisältää HTML-taulukon ja soveltaa CSS-koodia reunaan. Ymmärrä, miten luodaan HTML-koodi ja käytä CSS-sääntöä, joka onnistuu pystyasennossa.

Ohjeet

  1. Käynnistä Windows-tietokoneesi mukana toimitettu Notepad-tekstieditoriohjelma ja avaa verkkosivustoasiakirja.

  2. Aseta kohdistin haluamaasi kohtaan, josta haluat näyttää tasaisen viivan. Anna HTML-koodi, joka luo yksinkertaisen taulukon:

    & lt; table & gt;

    & lt; tr & gt;

    & lt; td & gt;

    & lt; / tr & gt;

    & lt; / table & gt;

  3. Kirjoita seuraava koodi ennen sulkemista "& lt; / head & gt;"elementti, jolla luodaan CSS-tyyli-sääntö pöydälle:

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

    & lt;

    taulukko{ }

    - & gt;

    & lt; / style & gt;

  4. Syötä "raja-vasen:;"tai "border-right:";kiertokannattimien välillä sen määrittämiseksi, onko linjanne näkyvissä vasemmalla tai oikealla, ja anna "kiinteä" kaksoispainikkeen jälkeen määrittääksesi, miten linjanne tulee näkyviin. Kirjoita numero pikseleinä( px) määrittääksesi kuinka leveä pystysuora viiva on, ja anna viivan varjostus värin, kuten mustaksi. Esimerkki:

    taulukko{ raja-vasen: 1px kiinteä musta;}

  5. Tyyppi "height:;"ja kirjoita numeroarvo pikseleihin( px) tai prosenttimäärään( %) määrittääksesi kuinka kauan linja on. Esimerkiksi:

    taulukko{ raja-vasen: 1px kiinteä musta;korkeus: 300px;}

  6. Tallenna tiedosto. Avaa se selainikkunassa napsauttamalla selaimen "Tiedosto" -valikon "Avaa" tai "Avaa tiedosto" -vaihtoehto. Jos olet tyytyväinen pystysuoraan linjaan, lataa tiedosto Web-isäntänne julkaistaksesi sen. Muussa tapauksessa tee mukautuksia tyyli-sääntösi arvoihin ennen tallennusta ja lataamista sen isäntäkoneelle.

Resurssit

  • Tizag: CSS Tutorial - raja
  • World Wide Web Consortium( W3C): laatikkomalli
  • World Wide Web Consortium( W3C): alkavat HTML + CSS
: llä