Conţinut
Atunci când creați o pagină web, poate fi util să utilizați CSS pentru a centra o listă orizontală, cum ar fi un meniu care poate fi accesat. Puteți utiliza CSS, care este un limbaj de foi de stil, alături de codul HTML pentru a controla aspectul paginii dvs. Stilurile CSS sunt afișate adesea în mod imprevizibil în diferite browsere web, prin urmare este important să testați cu atenție pagina dvs. înainte de a o posta. O listă neordonată (ul) este un element la nivel de bloc, astfel încât să puteți utiliza proprietatea lățime pentru a crea un efect centralizat.
instrucțiuni de ghidare
-
Deschideți fișierul HTML într-un editor de text, cum ar fi Windows Notepad.
-
Adăugați stilurile CSS necesare în lista orizontală din secțiunea "" a fișierului HTML prin adăugarea următorului cod:
type = "text / css"> .myclass {text-align: center; } .myclass ul {lățime: 275px; margine: 0px auto} .myclass li {display: bloc; float: stânga; înălțime: 50px; linia-înălțime: 50px; margine: 5 pixeli; lățime: 125px; frontieră: solid 1px negru; }Lățimea listei (ul) reprezintă suma lățimii și margini ale elementelor orizontale (li).
-
Creați o listă orizontală în secțiunea ">" a fișierului HTML adăugând următorul cod:
- primul element
- al doilea element din div
Eticheta "ul" specifică o listă neordonată. Eticheta "li" corespunde unui element din listă. Elementele de listă utilizează stilurile CSS care se potrivesc cu cele definite mai sus.
-
Salvați fișierul HTML și încărcați-l pe serverul dvs. web pentru a vizualiza lista orizontală, centrată.