Για να διακοσμήσετε τον ιστότοπό σας στο Διαδίκτυο, μπορείτε να κάνετε αλλαγές στο σχεδιασμό του. Η αλλαγή του σχεδιασμού συνεπάγεται οποιαδήποτε ενέργεια, από την αλλαγή του φόντου της κύριας σελίδας έως την αναδιατύπωση του προτύπου ιστότοπου. Εάν αποφασίσετε να αλλάξετε το φόντο του ιστότοπού σας, τότε οι ακόλουθες οδηγίες θα βοηθήσουν στην επίλυση αυτού του ζητήματος.
Απαραίτητη
Επεξεργασία του αρχείου css
Οδηγίες
Βήμα 1
Ως επί το πλείστον, ο κωδικός σχεδιασμού τοποθεσίας βρίσκεται στο αρχείο style.css. Αλλά κάθε πρότυπο μπορεί να είναι διαφορετικό από το προηγούμενο, έτσι ο κώδικας σχεδίασης μπορεί να βρίσκεται σε διαφορετικό αρχείο, αλλά και με την επέκταση css. Για να ορίσετε το χρώμα φόντου του ιστότοπού σας, πρέπει να εισαγάγετε ή να αντικαταστήσετε την υπάρχουσα τιμή με την ακόλουθη έκφραση: / * λευκό φόντο * / σώμα {
φόντο-χρώμα: #FFFFFF;} / * φόντο λευκό τίτλο, μαύρο χρώμα γραμματοσειράς * / h1 {
χρώμα: # 000000;
χρώμα φόντου: #FFFFFF;
}
Βήμα 2
Για να εισαγάγετε οποιαδήποτε εικόνα ως φόντο στον ιστότοπό σας, πρέπει να εισαγάγετε ή να αντικαταστήσετε την υπάρχουσα τιμή με την ακόλουθη έκφραση: body {
χρώμα φόντου: # 000000;
background-image: url ("Εικόνα-1.jpg");
}
Θα πρέπει να σημειωθεί ότι σε αυτήν την περίπτωση είναι απαραίτητο να παρέχετε μια σύνδεση με το αρχείο εικόνας, το οποίο θα βρίσκεται στον ίδιο φάκελο με το αρχείο css.
Βήμα 3
Εάν θέλετε να δημιουργήσετε μια μικρή εικόνα ή μια μικρή εικόνα, χρησιμοποιήστε την εντολή επανάληψης φόντου. Για να χρησιμοποιήσετε αυτήν την εντολή σωστά, υπάρχουν πολλές βελτιώσεις σε αυτήν την εντολή:
επανάληψη φόντου: επανάληψη-x - επαναλάβετε την εικόνα κατά μήκος του άξονα x ·
επανάληψη φόντου: επανάληψη-y - επαναλάβετε την εικόνα κατά μήκος του άξονα y.
επανάληψη φόντου: επανάληψη - επαναλάβετε μια εικόνα κατά μήκος δύο αξόνων ταυτόχρονα.
επανάληψη φόντου: χωρίς επανάληψη - η εικόνα δεν επαναλαμβάνεται.
background-attachment: scroll - κύλιση της εικόνας μαζί με τη σελίδα.
background-attachment: fixed - η εικόνα δεν κυλά.
Χρησιμοποιώντας τη σύνταξη αυτής της εντολής, μπορείτε να δείξετε πώς λειτουργεί σε παραδείγματα:
θέση-φόντο: 30 εικονοστοιχεία 40 εικονοστοιχεία - Η εικόνα είναι 30 εικονοστοιχεία κάτω από την κορυφή και 40 εικονοστοιχεία από τα αριστερά προς τα δεξιά.
φόντο-θέση: 60% 35% - Η αριστερή επένδυση είναι 60% και η επάνω επένδυση είναι 25%
