Pystysuoran linjan luominen Web-sivullesi

Vertikaalinen viiva voi auttaa jakamaan sarakkeen tyyliä tai lisäämään muotoilua Web-sivullesi. CSS (Cascading Style Sheets) on menetelmä, jonka World Wide Web Consortium (W3C) on hyväksynyt tyylielementtien sisällyttämiseksi HTML-dokumentteihin. Käytä CSS-rajatyylää lisätäksesi pystysuoran viivan mihin tahansa sivun kohtaan.

1.

Kirjoita tyylikoodi HTML-merkkiin lisätäksesi pystysuoran viivan:

Tämä koodi näyttää punaisen 300 pikselin korkean, keskitason kiinteän viivan vasemmalla sisällön marginaalilla. Raja-oikea-ominaisuus näyttää rivin oikean sivun marginaalissa. Viivan leveys voidaan ilmoittaa käyttämällä sanan tai numeerisia arvoja, kuten ”media”, ”ohut”, ”2px” tai “12px”. Väri voidaan määrittää käyttämällä hex-, RGB- tai nimettyjä arvoja.

2.

Aseta rivi tietylle sijainnille sivullesi seuraavasti:

Rivi sijaitsee nyt 150 pikseliä vasemman reunan oikealla puolella.

3.

Tallenna asiakirja ja avaa se Web-selaimella Web-sivun pystysuoran viivan tarkastelemiseksi.

vinkkejä

  • Aseta pystysuora viiva pienen pystysuoran viivakuvan avulla merkinnällä ””. Muuta "korkeus" -arvoja, jotta rivi on niin syvä kuin haluat:
 

Jätä Kommentti