La dimensione di un proiettile è definita dal browser, dal tipo di carattere e dalla dimensione del carattere. Sebbene a volte sia possibile aumentare la dimensione del carattere per aumentare le dimensioni del proiettile, una soluzione migliore consiste nell'utilizzare un'immagine come un punto elenco.

Per modificare un punto elenco in un'immagine, utilizzare i CSS nella pagina in modo simile al seguente esempio.

 ul {list-style: none; } ul li { background: url (// www.computerhope.com/issues/pictures/bullet.gif) no-repeat in alto a sinistra; background-position: 0 5px; altezza della linea: 1.5625; riempimento: 0 0 4px 30px; margin-left: 1em; } 

Nel codice CSS precedente stiamo prima impostando il

i tag non mostrano uno stile elenco, che rimuove il punto elenco dalla lista non ordinata. Successivamente, impostiamo "ul li" per cambiare solo l'aspetto di
• tag che sono contenuti nel
  tag. Nella prima riga di questa sezione c'è lo sfondo, che indica l'immagine del proiettile che stiamo usando nell'esempio. Tutte le altre linee in questo caso stanno dando il padding e il margine attorno al proiettile.

  Suggerimento: è anche possibile creare una classe CSS se si desidera modificare un singolo punto elenco o un gruppo selezionato di punti elenco in un elenco.

  Dopo che il codice è stato creato, qualsiasi elenco non ordinato HTML utilizzerà l'immagine del proiettile come punto elenco.

  Esempio di codice HTML

  Primo esempio di proiettile
  Secondo esempio di proiettile
  

  Risultati del codice HTML utilizzando il codice CSS di esempio

  • Primo esempio di proiettile
  • Secondo esempio di proiettile