Hvordan bruke et bilde som et Bullet

Som et nettsted utvikler, har du enorm frihet i måten du nærmer deg designe dine nettsider. Til tider kan det være lurt å bruke en bildefil som en kule i en uordnet liste i stedet for det enkle, runde bullet vanligvis brukes i lister. Å kode et bilde som en kule i HTML, må du laste opp bildet til webserveren og deretter legge til et par linjer med HTML-kode til din webside.

Bruksanvisning

1 Last opp bildet som du har tenkt å bruke som kulene i en uordnet liste til webserveren. Noter bildets nettadresse.

2 Åpne websiden som du vil redigere i en standard tekstredigeringsprogram som Notisblokk eller i noen HTML redigeringsprogram.

3 Sett inn følgende kode inn i websiden der du vil at listen skal vises:

<Ul style = "list-style-image: URL (http://www.URL.com/image.gif);">

Erstatt "http://www.URL.com/image.gif" i dette eksemplet med URL-adressen for bildet du nettopp lastet opp.

4 Opprett listeoppføringer ved å legge til følgende linje rett under koden i foregående trinn:

<Li> Bullet </ li>

Erstatt "Bullet" med din egen kule tekst. Gjenta dette trinnet for så mange kuler som du vil skal vises i den sorterte liste.

5 Legg en avsluttende kode på slutten av listen:

</ Ul>

6 Lagre den redigerte filen, laste det opp til webserveren og viser siden i nettleseren din for å bekrefte at bildepunkttegnene vises riktig.