usi comuni del background image

Le immagini di background vengono usate tipicamente in una serie di situazioni. La prima l’abbiamo già vista ed è per le ombre (drop shadow) di alcuni design molto “2.0”.

Come puntatori degli elenchi

  • Esempio
  • di lista
  • con puntatori
  • di default
  • Esempio
  • di lista
  • con puntatori
  • in background image

In realtà le liste hanno una proprietà specifica per sostituire il puntatore con un elenco, ma non viene usata spesso per difficoltà di posizionamento:

  • Esempio
  • di lista
  • con puntatori
  • list-style-image

Come immagine-icona assieme a del testo (anche cliccabile)

News

Scarica il documento

ecc… Si noti che nel secondo caso, lo sfondo è applicato ad un elemento inline e si deve usare un padding invece del text-indent per il rientro.

Come background di larghe aree, come testate, o boxini

Come background per bottoni e tab in elementi di navigazione