Εικόνα Φόντου του CSS

Εικόνα Φόντου του CSS

background-image Ατрибούτο που καθορίζει την εικόνα που χρησιμοποιείται ως φόντο του στοιχείου.

Επιλογή: Η εικόνα επαναλαμβάνεται για να καλύψει ολόκληρο το στοιχείο.

Παράδειγμα

Η εικόνα φόντου της σελίδας μπορεί να ρυθμιστεί όπως εξής:

body {
  background-image: url("paper.gif");
}

Δοκιμάστε Εγώ

Παράδειγμα

Αυτό το παράδειγμα δείχνει το κείμενο και την εικόνα φόντου:Λάθος συνδυασμόςΤο κείμενο είναι δύσκολο να διαβαστεί:

body {
  background-image: url("bgdesert.jpg");
}

Δοκιμάστε Εγώ

Σημείωση:Κατά τη χρήση εικόνας φόντου, χρησιμοποιήστε εικόνες που δεν θα διαταράξουν το κείμενο.

Μπορείτε επίσης να θέσετε ως φόντο μια εικόνα για συγκεκριμένο στοιχείο, όπως το στοιχείο <p>:

Παράδειγμα

p {
  background-image: url("paper.gif");
}

Δοκιμάστε Εγώ