Lodes lielumu nosaka pārlūks, fonts un fonta lielums. Lai gan dažreiz var palielināt fontu lielumu, lai palielinātu lodes lielumu, labāks risinājums ir izmantot attēlu kā aizzīmi.
Lai mainītu aizzīmi attēlā, izmantojiet CSS savā lapā, līdzīgi šim piemēram.
ul {list-style: nav; } ul li { fons: url (// www.computerhope.com/issues/pictures/bullet.gif) augšējā kreisajā pusē nav atkārtota; fona pozīcija: 0 5px; līnijas augstums: 1, 5625; polsterējums: 0 0 4px 30px; margas pa kreisi: 1em; } Iepriekš minētajā CSS kodā mēs vispirms iestatām
- tagus, lai parādītu saraksta stilu, kas noņem no aizzīmogotā saraksta. Tālāk mēs iestatām "ul li", lai mainītu tikai tā izskatu
- tagus, kas ietverti
- tagus. Šīs sadaļas pirmajā rindā ir fons, kas norāda uz parauga attēlu, ko mēs izmantojam piemērā. Visas pārējās līnijas šajā gadījumā dod polsterējumu un margu ap lodi.
Padoms. Varat arī izveidot CSS klasi, ja sarakstā vēlaties mainīt vienu aizzīmju vai atlasītu aizzīmju grupu.
Kad kods ir izveidots, jebkurš HTML neierobežots saraksts izmantos aizzīmes attēlu kā aizzīmi.
HTML koda piemērs
- Pirmais bullet piemērs
- Otrais aizzīmes piemērs
HTML koda rezultāti, izmantojot CSS piemēru
- Pirmais bullet piemērs
- Otrais aizzīmes piemērs