Cum de a crea div, și cum să atragă o linie orizontală în html

Cum de a crea div, și cum să atragă o linie orizontală în html

Salutări dragi cititori! Astăzi vorbim despre blokahdiv și liniyhr orizontală.

în interiorul tag-ul

o cutie invizibilă (container), pe care putem lucra cu CSS. CSS fără blocul nu afectează cadrul paginii.

Pentru a începe, scrie codul paginii fără bloc div. De exemplu, acest lucru:

Vedem cum pagina arată într-un browser:

Cum de a crea div, și cum să atragă o linie orizontală în html

Acum, împărțiți această pagină în două blocuri div. Unul cu meniul principal, iar celălalt cu text.

Uită-te în browser:

Cum de a crea div, și cum să atragă o linie orizontală în html

După cum puteți vedea, pagina arată nu sa schimbat, în acest și toată puterea acestei unități, este o unitate logică. Această unitate este un element foarte important, deoarece este adesea folosit în aspectul paginii, iar tu trebuie să-l știi. Deja direct prin CSS, putem seta lățimea blocului, să-i ceară un cadru, specifică faptul că toate punctele dintr-un bloc de culoare au fost ITD,

Acum, între aceste două blocuri prescrie o linie orizontală care este creat folosind o singură etichetă


Aici este această linie în browser:

Cum de a crea div, și cum să atragă o linie orizontală în html

Pe aceasta linie, putem lucra cu următoarele atribute:
Lățimea - stabilește lățimea liniei
grosime predeterminată - Dimensiuni
Alinierea - linia de aliniere
Culoare - Setează culoarea

Să luăm, de exemplu, reduce lățimea acesteia, aliniați-l la marginea din dreapta a paginii, intreab-o grosime de 5px și să-l roșu.
Acum, linia de cod ar trebui să arate astfel:

Ne uităm la rezultatul:

Cum de a crea div, și cum să atragă o linie orizontală în html

Aici, probabil, și tot ce am vrut să-ți spun în acest articol. Acum știi ce blokdiv și modul în care este creat. De asemenea, ați învățat cum să creeze o linie orizontală și modul de a schimba aspectul folosind atribute.

Apoi împărtăși cu prietenii și să vă abonați la articole noi si interesante.

articole similare