Separarea liniilor, crearea site-urilor

Introduceți linii de separare

Pentru a separa textul de pe o pagină de site, utilizați o etichetă


. Această etichetă este inserată în locul în care vrem să separăm textul. Pagina va arăta ca o linie neagră simplă pentru întreaga lățime a paginii. Dacă acest lucru ți se potrivește, atunci acesta este cel mai simplu mod.







Uneori trebuie să introduceți o linie mai largă sau nu la lățimea maximă a paginii. Acest lucru nu este, de asemenea, dificil. Trebuie doar să adăugați mai multe atribute etichetei. Să ne uităm la toate exemplele.

Mai întâi, să vedem cum arată linia după introducerea unei etichete


:

Pentru următoarele exemple, avem nevoie de atribute suplimentare pentru etichetă. Luați în considerare.

lățime - acest atribut specifică lungimea liniei. Lungimea este setată în pixeli sau în procente;

dimensiune - acest atribut specifică grosimea liniei, este setat în pixeli;

align este un atribut de aliniere a unei linii, poate lua mai multe valori:

centru - aliniază linia în centru;

dreapta - aliniază linia spre dreapta;







stânga - aliniază linia la stânga

noshade - acest atribut indică modul în care linia este umplută; linia va fi vopsită complet.

Acum ia în considerare exemple de linii cu aceste atribute. Setați parametrii liniei:


Linia va arăta astfel:

Acum setăm parametrul de linie nu pe întreaga lățime a paginii și în centru:


Linia arată astfel:

Setați parametrii pentru o linie largă și plină:


Linia arată astfel:

Puteți face un separator și acest formular:


Acum vă voi spune un pic despre cum să inserați o linie de separare animată frumoasă. Și cu acest lucru nu vor exista dificultăți. Să analizăm exemplul acestei linii:

Acest lucru se face foarte simplu. În primul rând, trebuie să găsiți imaginea corectă a liniei, să o copiați, să o încărcați pe site-ul dvs. și să o inserați în locul potrivit ca imagine obișnuită. Codul va arăta astfel:

1.

- locația imaginii în centru. Poate fi schimbat în dreapta sau în stânga;

Acum, ia în considerare modul de a crea o linie similară. Mai întâi găsiți sau creați-vă un fundal adecvat. De exemplu, am ales o astfel de imagine de fundal:

Încărcat la site, în biblioteca de fișiere media a copiat codul imaginii și a fost introdus în codul de mai sus. Crește ușor grosimea liniei. Și asta sa întâmplat:

Aici principalul lucru este mai mult fantezie. Astfel de benzi se pot face din orice imagine







Articole similare

Trimiteți-le prietenilor: