PatternHead è un blog che raccoglie Pattern, elementi grafici che vengono spesso utilizzati a ripetizione per creare sfondi per siti web

Nel blog possiamo trovare centinatia di elementi grafici da scaricare e utilizzare per i nostri progetti web

Potremo trovare anche pattern originali e creativi da inserire come sfondo a ripetizione tramite un semplice foglio di stile CSS

Come inserisco i miei Pattern?

Dobbiamo usare un foglio di stile interno (style) o esterno (CSS) e interagire sul parametro background-image

body {background-image: url(image/sfondo.gif); background-repeat: repeat;}

In questo caso il nostro sfondo indicato con image/sfondo.gif verrà duplicato sia in verticale che orizzontale su tutta la nostra pagina body

Per quanto riguarda il parametro background-repeat è possibile scegliere:

  • repeat: Lo sfondo viene duplicato in verticale e orizzontale
  • repeat-x: Lo sfondo viene duplicato in orizzontale
  • repeat-y: Lo sfondo viene duplicato in verticale
  • no-repeat: Lo sfondo non viene duplicato ne in verticale che orizzontale

Letture Consigliate per Blog

Articoli simili

Autore:

Giuliano Ambrosio è un Web Designer Freelance di Torino che ama la grafica e sperimentare tecniche di creatività sul web. Grazie all'esperienza maturata nel campo del web design potrai scoprire i servizi disponibili, oppure guardare i suoi ultimi lavori.