Hvordan lage en markør med CSS

Hvordan lage en markør med CSS


Cascading Style Sheets la deg definere stilen på websiden gjennom ulike velgere og attributter. Ved hjelp av CSS, kan du endre skrifttype, legge til kantlinjer og skape en grunnleggende oppsett for din webside. Tilpasning med CSS ikke bare gjelder for fonter, layout og bakgrunnsfarger, det også strekker seg til utseendet på musepekere og pekere på siden din. Ved å tildele en bestemt markør for visse områder på siden din via CSS, kan du tilpasse utseendet på siden din og lage unike visuelle signaler for nettstedet navigasjon.

Bruksanvisning

1 Åpne en webside i en HTML-editor.

2 Legg til følgende HTML i <head> seksjonen:

<Style type = "text / css">

.help {cursor: hjelp; }

</ Style>

CSS ovenfor viser et spørsmålstegn i stedet for standard markøren for musepekeren.

3 Påfør markøren i din webside ved å definere områder med "hjelp" class i HTML-koden:

<Span class = "hjelp">

Hvordan ble dette gjort?

</ Span>

4 Lagre siden din.

Hint

  • Bortsett fra "hjelp", andre innebygde pekere er tilgjengelige i nettleseren din, for eksempel "tekst", "flytte", "trådkors" og "vente".
  • Hvis du har din egen CUR-fil, kan du bruke den ved å bruke følgende CSS-kode: ".help. {Cursor: URL (myicon.cur);}" Bare erstatt "myicon.cur" med din egen CUR fil og sørge for at filen er i samme mappe som websiden.