Pittori

Crea una pagina:

pittori.html

Collega la pagina a un foglio di stile:

styles.css

Crea una cartella images nella quale inserire le foto, assegnando nomi opportuni.

Crea 7 elementi div all'interno dei quali inserirai:

• La foto di un pittore, di dimensioni 300 x 600 (usa Photoshop per fare il ritaglio)
• Il nome del pittore in maiuscolo e grassetto
• Luogo e anno di nascita e di morte
• Alcune righe di descrizione

Fai in modo che ogni div abbia:

• una larghezza di 800 pixel
• un quadro famoso del pittore come sfondo
• un bordo di un colore che stia bene col quadro (di solito è utile scegliere il colore tra quelli presenti nell'immagine), di spessore 5 pixel e con gli angoli arrotondati (raggio di curvatura a piacere)
• il nome del pittore dello stesso colore del bordo
• gli altri testi di colore nero
• i luoghi e gli anni in grassetto e corsivo, creando uno stile apposito
• un padding di 10 pixel
• un margin di 15 pixel

Qui trovi la lezione sul box model e qui la lezione su sfondi e bordi.

• HTML
• CSS