Hvordan erstatte en Bullet med en grafisk

May 7

Kuler er primært brukt med lister på en webside. Grafikk kan forbedre siden din og spare deg fra standard plate, firkant eller sirkel design. Når du bruker en grafisk som en kule, velg en som er liten, men klar. Bildet skal arbeide med din generelle layout og trekke lesere til teksten, uten at det overskygger. Style den sorterte liste tag i HTML-koden for å bruke grafikk til kuler.

Bruksanvisning

1 Start en tekstredigeringsprogram, for eksempel Notisblokk, TextPad eller EditPad. Velg "Fil" og "New" fra menyen. Du er rettet til dialogboksen Åpne. Velg HTML-filen du ønsker å formatere og klikk "Åpne".

2 Sett følgende CSS-koden mellom <HEAD> tag. Det skaper en stil for kule til å vise et bilde:

<! -

{List-style-image: URL ( 'myimage.gif'); }

</ Style>

3 Rull under <BODY> tag i HTML-koden. Plasser markøren der du vil at punkt bildet skal vises. Legg til følgende for å bruke den stilen du opprettet i forrige trinn på listen:

<Ul>

<Li> første punkt element </ li>

<Li> andre punkt element </ li>

</ Ul>