Kā centrēt horizontālo sarakstu divos CSS

Autors: Laura McKinney
Radīšanas Datums: 2 Aprīlis 2021
Atjaunināšanas Datums: 26 Aprīlis 2024
Anonim
CS50 2015 - Week 0
Video: CS50 2015 - Week 0

Saturs

Veidojot tīmekļa lapu, var būt lietderīgi izmantot CSS, lai centrētu horizontālu sarakstu, piemēram, noklikšķināmu izvēlni. Jūs varat izmantot CSS, kas ir stila lapas valoda, blakus HTML, lai kontrolētu jūsu lapas izskatu. CSS stili bieži tiek neparedzami parādīti dažādās tīmekļa pārlūkprogrammās, tāpēc ir svarīgi rūpīgi pārbaudīt savu lapu pirms tā publicēšanas. Neregulēts saraksts (ul) ir bloka līmeņa elements, lai jūs varētu izmantot platuma īpašumu, lai izveidotu centralizētu efektu.


Instrukcijas

Lai kontrolētu tīmekļa lapas izskatu, varat izmantot CSS un HTML (Comstock / Stockbyte / Getty Images)
  1. Atveriet HTML failu teksta redaktorā, piemēram, Windows Notepad.

  2. Pievienojiet nepieciešamos CSS stilus HTML faila sadaļas horizontālajam sarakstam, pievienojot šādu kodu:

    type = "text / css"> .myclass {text-align: centrs; } .myclass ul {platums: 275px; margin: 0px auto} .myclass li {displejs: bloks; peldēt: pa kreisi; augstums: 50px; līnijas augstums: 50px; starpība: 5px; platums: 125px; robeža: cieta 1px melna; }

    Saraksta platums (ul) ir horizontālo vienību (li) platuma un malas summa.

  3. HTML faila sadaļā>> izveidojiet horizontālu sarakstu, pievienojot šādu kodu:

    • pirmais vienums
    • otrais postenis div

    Tag "ul" norāda neierobežotu sarakstu. "Li" tag atbilst saraksta vienumam. Saraksta vienumi izmanto CSS stilus, kas atbilst iepriekš definētajiem.


  4. Saglabājiet HTML failu un ielādējiet to tīmekļa serverī, lai skatītu horizontālo, centrēto sarakstu.