Naudokite CSS kodą, kad lygiuotumėte sąrašus su ženkleliais HTML.
Interneto dizaineriai naudoja ženklelių sąrašus ne tik norėdami pridėti ženklelių ir teksto. HTML žyma, naudojama ženklelių sąrašams kurti, yra patogi kuriant meniu arba tvarkant vaizdus, kad būtų galima įkelti „JavaScript“ į skaidrių demonstraciją. Išmokus naudoti pakopinį stiliaus lapo kodą kartu su ženklelių sąrašais, HTML slenge vadinamais „netvarkingais sąrašais“, atsivers keletas įdomių interneto dizaino galimybių.
1 žingsnis
Atidarykite HTML failą, kuriame yra ženklelių sąrašas, ir žiūrėkite tarp ir žymų link kodo viršaus. Pridėkite žymų, jei jų dar nėra. Jei jūsų kode yra a žyma kažkur po žymos, ir tai yra nuoroda į CSS failą, tada atidarykite tą failą. Jūsų CSS kodas patenka tarp žymų arba naujoje CSS failo eilutėje.
Dienos vaizdo įrašas
2 žingsnis
Sulygiuokite tekstą visuose ženkleliuose nustatydami „teksto lygiavimą“.
- žyma. The
- ir žymas, kad apibrėžtumėte jas kaip vieno sąrašo dalį. Kai lygiuojate tekstą
- žyma apgaubia aplink
- žyma, lygiavimas paveikia kiekvieno ženklelio tekstą, bet nelygiuoja paties sąrašo puslapio kairėje ar dešinėje. Čia yra CSS kodo pavyzdys, skirtas nustatyti „teksto lygiavimą“:
ul {teksto lygiavimas: dešinėje;}
Atminkite, kad kulkos nejuda kartu su tekstu. Šiuo atveju kulkos lieka kairėje.
3 veiksmas
Sulygiuokite visą sąrašą puslapio kairėje arba dešinėje, nustatydami „plūduriuoti“.
- žyma. Kai "plūdė" nustatyta į kairę arba dešinę ant a
- žymą, jis perkelia visą sąrašą su ženkleliais į kairę arba dešinę puslapio pusę. Nustatykite plūdę taip:
ul {plūduriuoti: dešinėje;}
Galite nustatyti „plūdę“ į kairę arba į dešinę, bet ne į centrą.
4 veiksmas
Apvyniokite savo
- žymės
ir
žymas, kad sukurtumėte įvyniojimą, kuris suženklintą sąrašą nukreips į centrą jūsų puslapyje. Gautas kodas atrodys taip:- Sąrašo elementas
- Sąrašo elementas
The
žyma savaime nieko necentruoja; turite naudoti CSS, kad viską sutelktumėte. Pridėkite šį kodą tarp savo
