Kako povečati velikost bulleta v HTML-ju

Velikost oznake je določena z brskalnikom, pisavo in velikostjo pisave. Čeprav lahko včasih povečate velikost pisave, da povečate velikost krogle, je boljša rešitev, če uporabite sliko kot kroglo.

Če želite zamenjati oznako v sliko, uporabite CSS na svoji strani, podobno kot v naslednjem primeru.

 ul {list-style: nič; } ul li { ozadje: url (// www.computerhope.com/issues/pictures/bullet.gif) brez ponovitve zgoraj levo; položaj ozadja: 0 5px; line-height: 1.5625; oblazinjenje: 0 0 4px 30px; margina levo: 1em; } 

V zgornji kodi CSS smo najprej nastavili

    oznak za prikaz seznama slog, ki odstrani oznako iz neurejenega seznama. Nato nastavimo "ul li" samo za spremembo videza
  • oznake, ki jih vsebuje
      oznake. V prvi vrstici tega razdelka je ozadje, ki kaže na sliko, ki jo uporabljamo v primeru. Vse druge črte v tem primeru dajejo oblazinjenje in rob okrog krogle.

      Nasvet: Razred CSS lahko ustvarite tudi, če želite spremeniti eno ali izbrano skupino oznak na seznamu.

      Ko je koda ustvarjena, bo katerikoli neurejen seznam HTML uporabil oznako bullet kot oznako.

      Primer HTML kode

      • Prvi primer v obliki bullet
      • Drugi primer

      Rezultati HTML kode z uporabo primera CSS

      • Prvi primer v obliki bullet
      • Drugi primer