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

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

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

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

Βίντεο: Πώς να ρυθμίσετε το φόντο σε Html
Βίντεο: HTML: αλλαγή φόντου, στοίχισης u0026 διαστάσεων εικόνας 2024, Απρίλιος
Anonim

Η πιο κοινή γλώσσα σήμανσης υπερκειμένου σήμερα είναι HTML. Εκτός από ένα ευρύ φάσμα εργαλείων για τον προσδιορισμό της δομής ενός εγγράφου, έχει τη δυνατότητα να αλλάξει την οπτική παρουσίασή τους. Για παράδειγμα, μπορείτε να ορίσετε το φόντο ενός εγγράφου υπερκειμένου και τα στοιχεία του με διαφορετικούς τρόπους.

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

Είναι απαραίτητο

τη δυνατότητα επεξεργασίας ενός εγγράφου HTML

Οδηγίες

Βήμα 1

Για να ορίσετε το χρώμα φόντου ολόκληρου του εγγράφου, τους πίνακες, καθώς και τις σειρές τους, τα κελιά κεφαλίδας και τα κελιά περιεχομένου σε HTML, χρησιμοποιήστε το χαρακτηριστικό bgcolor των στοιχείων BODY, TABLE, TR, TH, TD, αντίστοιχα. Αυτό το χαρακτηριστικό δέχεται μια τιμή που κωδικοποιεί το χρώμα του χώρου SRGB, εκφραζόμενη ως δεκαεξαδικός αριθμός που προηγείται ενός κατακερματισμού ή συμβολικού μνημονικού. Για παράδειγμα:

Βήμα 2

Χρησιμοποιήστε το χαρακτηριστικό φόντου του στοιχείου BODY για να ορίσετε την εικόνα που θα είναι το φόντο ολόκληρου του εγγράφου: Σύμφωνα με την αρχή του διαχωρισμού της δομής και των μηχανισμών για τον προσδιορισμό της οπτικής παρουσίασης των εγγράφων υπερκειμένου, συνιστάται η χρήση φύλλων στυλ των χαρακτηριστικών των στοιχείων HTML (όπως περιγράφεται στα βήματα 1 και 2) …

Βήμα 3

Ορίστε το χρώμα φόντου οποιουδήποτε στοιχείου χρησιμοποιώντας την ιδιότητα CSS χρώματος φόντου. Χρησιμοποιήστε το χαρακτηριστικό στυλ για να ορίσετε ενσωματωμένες πληροφορίες στυλ για ένα στοιχείο ή προσθέστε σύνολα κανόνων με κατάλληλους επιλογείς σε φύλλα στυλ: πράσινο φόντο BODY {background-color: # 00FF00; }

Βήμα 4

Ορίστε την εικόνα φόντου οποιουδήποτε στοιχείου ή ομάδας στοιχείων χρησιμοποιώντας την ιδιότητα εικόνας φόντου CSS. Η τιμή του πρέπει να είναι ένα URI που προσδιορίζει τον σχετικό πόρο. Για παράδειγμα: BODY background-image {background-image: url ("myimage.gif")}

Βήμα 5

Ορίστε πρόσθετους κανόνες για την εμφάνιση εικόνων φόντου των στοιχείων εγγράφου. Χρησιμοποιήστε τις ιδιότητες CSS background-repeat, background-attachment και background-position. Το πρώτο καθορίζει τις επιλογές πλακιδίων, το δεύτερο καθορίζει τη βάση σύνδεσης σε σχέση με το έγγραφο ή τη θύρα προβολής και το τρίτο καθορίζει την αρχική μετατόπιση ή ευθυγράμμιση σε σχέση με τα όρια του δοχείου. Ανατρέξτε στις προδιαγραφές CSS2 στο w3c.org για πιθανές τιμές για αυτές τις ιδιότητες.

Συνιστάται: