Πώς να ρυθμίσετε το χρώμα φόντου

Πίνακας περιεχομένων:

Πώς να ρυθμίσετε το χρώμα φόντου
Πώς να ρυθμίσετε το χρώμα φόντου

Βίντεο: Πώς να ρυθμίσετε το χρώμα φόντου

Βίντεο: Πώς να ρυθμίσετε το χρώμα φόντου
Βίντεο: Αλλάξτε το χρώμα σε ένα αντικείμενο (Photoshop Tutorial) 2024, Ενδέχεται
Anonim

Συνήθως, το βασικό χρώμα φόντου μιας ιστοσελίδας ορίζεται χρησιμοποιώντας Cascading Style Sheets (CSS). Λιγότερο συχνά, οι δυνατότητες της γλώσσας HTML (HyperText Markup Language - "hypertext markup language") χρησιμοποιούνται για αυτό. Μερικές φορές τα στοιχεία περιγραφής CSS τοποθετούνται μέσα σε ετικέτες HTML.

Πώς να ρυθμίσετε το χρώμα φόντου
Πώς να ρυθμίσετε το χρώμα φόντου

Οδηγίες

Βήμα 1

Χρησιμοποιήστε το χαρακτηριστικό bgcolor της ετικέτας σώματος, εάν θέλετε να το κάνετε όσο το δυνατόν πιο εύκολο να καθορίσετε το χρώμα φόντου και να ελαχιστοποιήσετε τις αλλαγές στον πηγαίο κώδικα. Οι περιγραφές όλων των στοιχείων σελίδας τοποθετούνται στην πηγή σελίδας μέσα σε ένα μπλοκ κώδικα HTML που ξεκινά με μια ετικέτα και τελειώνει με μια ετικέτα. Το χαρακτηριστικό bgcolor καθορίζεται στην ετικέτα ανοίγματος και περιέχει την ονομαστική τιμή χρώματος (για παράδειγμα, Κόκκινο ή Σοκολάτα) ή τον αντίστοιχο δεκαεξαδικό κωδικό χρώματος (# FF0000 ή # D2691E, αντίστοιχα). Στην απλούστερη μορφή του, μια τέτοια ετικέτα μπορεί να γραφτεί, για παράδειγμα, ως εξής: Ή ως εξής: Και οι δύο επιλογές ορίζουν το ίδιο κόκκινο χρώμα για το φόντο του εγγράφου.

Βήμα 2

Χρησιμοποιήστε την ιδιότητα χρώματος φόντου εάν θέλετε να ορίσετε το χρώμα φόντου ενός εγγράφου χρησιμοποιώντας μια γλώσσα περιγραφής στυλ - αυτή η μέθοδος είναι πολύ πιο κοινή. Τα μπλοκ περιγραφής στυλ μπορούν είτε να περιληφθούν στον πηγαίο κώδικα του εγγράφου, είτε να γραφτούν σε ξεχωριστό αρχείο με την επέκταση css. Ένας σύνδεσμος προς ένα εξωτερικό αρχείο τοποθετείται στο τμήμα κεφαλίδας της σελίδας (μεταξύ των ετικετών και) και μοιάζει με αυτό: @import "style.css"; Εάν δεν χρειάζεται να μετακινήσετε τις οδηγίες CSS σε ένα πρόσθετο αρχείο, τότε @import "style.css"; θα πρέπει να αντικατασταθεί, για παράδειγμα, με την ακόλουθη δοκιμή: body {background-color: Red;} Εδώ το σώμα δείχνει ότι η δήλωση μέσα στα σγουρά τιράντες που καθορίζει το κόκκινο χρώμα φόντου αναφέρεται στην ίδια ετικέτα σώματος HTML. Και εδώ υπάρχουν πολλά συστήματα για τον προσδιορισμό των χρωματικών αποχρώσεων, αλλά οι δεκαεξαδικοί κωδικοί χρησιμοποιούνται συχνότερα: body {background-color: # FF0000;}

Βήμα 3

Αντικαταστήστε την ιδιότητα χρώματος φόντου με φόντο για να περιγράψετε συνοπτικά μια πιο περίπλοκη δομή φόντου. Για παράδειγμα, εάν, εκτός από το φόντο ενός συγκεκριμένου χρώματος, μια φωτογραφία πρέπει να τοποθετηθεί στο έγγραφο. Μια τέτοια περιγραφή μπορεί να έχει την εξής μορφή: body {background: Red url (img / BGimage.gif) no-repeat;}

Βήμα 4

Με βάση την επιλογή που έχετε επιλέξει, ετοιμάστε τον κωδικό που ορίζει το χρώμα φόντου του εγγράφου και επικολλήστε το στην πηγή της σελίδας. Αυτό μπορεί να γίνει, για παράδειγμα, χρησιμοποιώντας τον ηλεκτρονικό επεξεργαστή των σελίδων του συστήματος διαχείρισης περιεχομένου ή σε οποιοδήποτε πρόγραμμα επεξεργασίας κειμένου.

Συνιστάται: