Linii orizontale și verticale folosind html si css

Linii orizontale și verticale folosind html si css

Bună ziua tuturor! Astăzi vă voi spune despre cum să utilizați HTML pentru a face o linie orizontală.

De fapt, necesitatea de a face o linie orizontală apare în mod frecvent, cum ar fi atunci când trebuie să se separe o parte a textului pe de altă parte.

Liniile orizontale și verticale folosind css

Puteți face acest lucru folosind css. Pentru aceasta, concluzionăm porțiunea necesară a textului în bloc folosind div tag și apoi fișierul style.css sau direct în HTML - cod prevede pentru că proprietățile bloc de dreapta sau de frontierele de jos, cu o țară de frontieră de sus și de jos a frontierei. Iată un exemplu:

În acest caz, am întrebat design folosind css direct de la codul HTML, și a făcut limita superioară a solidului și linia punctată de jos.

Iată cum va arăta pe pagina:

Linie orizontală folosind css.

Această metodă are avantajele sale:

  • O gamă largă de opțiuni care vă permit să specificați aproape orice tip de linie;
  • Puteți crea linii orizontale și verticale. Pentru a face linia verticală trebuie schimbat border-top pe, de frontieră din stânga-jos-frontieră și la granița-dreapta.

Dezavantajul este codul relativ voluminos.

Cu toate acestea, după cum sa dovedit, pentru a insera în textul unei linii orizontale poate fi și cu ajutorul HTML. În același timp, nici măcar nu trebuie să urce în css. Se folosește tag-ul


.

Linia orizontală utilizând tag-ul html

Prima caracteristică a acestei etichete este că nu are o pereche eticheta de închidere. Acesta poate fi folosit oriunde în HTML - între etichetele și .

Această etichetă are următoarele atribute:

  • Lățimea - determină lungimea liniei noastre orizontale în pixeli sau procente;
  • Culoare - specifică culoarea liniei;
  • Aliniați - aliniază marginea din dreapta a liniei - dreapta, aliniat la stânga - stânga, la mijloc - centru;
  • Dimensiunea - grosimea liniei în pixeli.

Aici este un exemplu HTML - cod:

Și acest lucru este modul în care va arăta:

După cum puteți vedea, această metodă are dezavantajele sale:

  • ajustări mai puțin pentru linia;
  • Nu puteți face o linie verticală.

Dar, în acest fel este mult mai ușor.

articole similare