vbar {

Utilizați CSS pentru a crea linii verticale și pentru a separa zonele de conținut de pe un site Web.

Folosind o secțiune DIV

Pasul 1

Deschideți pagina web în care doriți să adăugați bara verticală.

Pasul 2

Adăugați o secțiune div numită "VBar" în locația corespunzătoare utilizând următoarea etichetă:

Pasul 3

Salvați fișierul

Pasul 4

Deschideți fișierul CSS. Adăugați o secțiune la fișierul CSS cu atributele secțiunii barei verticale, după cum urmează:

vbar {

lățime :? px; înălțime: px; fundal-culoare: # ??????; }

Înlocuiți semnele de întrebare cu valorile corespunzătoare. De exemplu, înălțimea și lățimea ar trebui să fie listate în pixeli cu un format de 10px. Culoarea de fundal ar trebui să apară într-un format de format hexazecimal de șase cifre, cum ar fi negrul va avea valoarea # 000000 sau albul # FFFFFF. Accesați linkul CSS Colours din secțiunea "Resurse" pentru a vedea mai multe culori hexazecimale.

Pasul 5

Salvați fișierul

Utilizarea unei secțiuni cu atributul de margine

Pasul 1

Deschideți fișierul CSS.

Pasul 2

Adăugați un atribut de margine în secțiunea paginii de lângă locația în care doriți bara verticală. De exemplu, dacă aveți o secțiune "container" în partea stângă a locului în care doriți să adăugați bara verticală, adăugați un atribut de frontieră la această secțiune pentru a crea o margine dreaptă, de exemplu:

container {

frontieră-dreapta: X; }

Consultați secțiunea "Sfaturi" pentru a obține opțiuni de atribut de margine diferite.

Pasul 3

Salvați fișierul

referințe

  • W3Schools.com: introducere în CSS
  • W3Schools.com: CSS de frontieră