Størrelsen på en kugle er defineret af browseren, skrifttypen og skriftstørrelsen. Selvom du undertiden kan øge størrelsen på skrifttypen for at øge punktstørrelsen, er det bedre at bruge et billede som en kugle.
Hvis du vil ændre en punkt i et billede, skal du bruge CSS på din side som det følgende eksempel.
ul {listestil: none; } ul li { baggrund: url (// www.computerhope.com/issues/pictures/bullet.gif) no-repeat øverst til venstre; baggrundsstilling: 0 5px; linjehøjde: 1, 5625; polstring: 0 0 4px 30px; margin-venstre: 1em; } I ovenstående CSS kode indstiller vi først
- tags til at vise ingen listestil, som fjerner kuglen fra den uordnede liste. Dernæst sætter vi "ul li" for kun at ændre udseendet af
- tags, der er indeholdt i
- tags. I den første linje i dette afsnit er baggrunden, som peger på det kuglebillede, vi bruger i eksemplet. Alle andre linjer i dette tilfælde giver polstring og margen omkring kuglen.
Tip: Du kan også oprette en CSS klasse, hvis du vil ændre en enkelt kugle eller en valgt gruppe af kugler i en liste.
Når koden er oprettet, vil enhver HTML-uordnet liste bruge kuglebilledet som kuglen.
Eksempel HTML kode
- Første kugleeksempel
- Andet punkt eksempel
Resultater af HTML-kode ved hjælp af eksemplet CSS
- Første kugleeksempel
- Andet punkt eksempel