Βάζουμε την εικόνα που θέλουμε να χρησιμοποιήσουμε για background και στην κλάσση γράφουμε background-image και τη συνδυάζουμε με την κλάσση που ορίζει το στυλ του background.
Η εικόνα θα γίνει background για το αντικείμενο στο οποίο υπάρχει μέσα. Αν θέλουμε να το ορίσουμε για background των περιεχομένων του άρθρου τότε προσθέτουμε την κλάσση article-background ή την κλάσση article-backdrop-background για να πιάνει όλο το άρθρο.
|
background-image (Η εικόνα μπαίνει πάνω και αριστερά.) |
|
|
background-image cover-responsive (Η εικόνα μπαίνει στο κέντρο και πάντα καλύπτει όλο το container. ) |
|
|
|
background-image center-responsive (Η εικόνα μπαίνει στο κέντρο και παίρνει τις διαστάσεις από το container χωρίς να κρύβεται κανένα μέρος της. ) |
|
|
|
background-image fixed-responsive (Η εικόνα παίρνει το μέγεθος της οθόνης και κολάει σε ένα σταθερό σημείο.) |
|
|
|
background-image repeat (Η εικόνα επαναλαμβάνεται κάθετα και οριζόντια σε όλο το container. ) |
|
|