Πώς να αλλάξετε το χρώμα του συνδέσμου σε Html

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

Πώς να αλλάξετε το χρώμα του συνδέσμου σε Html
Πώς να αλλάξετε το χρώμα του συνδέσμου σε Html

Βίντεο: Πώς να αλλάξετε το χρώμα του συνδέσμου σε Html

Βίντεο: Πώς να αλλάξετε το χρώμα του συνδέσμου σε Html
Βίντεο: Πως να αλλάξετε το χρώμα στο Facebook 2024, Ενδέχεται
Anonim

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

Πώς να αλλάξετε το χρώμα του συνδέσμου σε html
Πώς να αλλάξετε το χρώμα του συνδέσμου σε html

Οδηγίες

Βήμα 1

Από προεπιλογή, οι σύνδεσμοι σχεδιάζονται με μπλε χρώμα (# 0000FF), έχουν υπογράμμιση και αλλάζουν χρώμα όταν αλλάζουν σε μωβ (# 800080), με ενεργούς συνδέσμους να επισημαίνονται με κόκκινο χρώμα (# FF0000). Η ρύθμιση χρώματος για όλους τους συνδέσμους της σελίδας στις διάφορες καταστάσεις πραγματοποιείται χρησιμοποιώντας τυπικά εργαλεία HTML - τρία χαρακτηριστικά της ετικέτας. Η αλλαγή των παραμέτρων σχεδίασης μεμονωμένων συνδέσμων μπορεί να πραγματοποιηθεί αλλάζοντας τις τιμές των χαρακτηριστικών της αντίστοιχης ετικέτας.

Βήμα 2

Υπάρχουν τρεις τρόποι για να ορίσετε τιμές για χαρακτηριστικά στυλ. Σε όλες τις περιπτώσεις, πρέπει να καθορίσετε τη γραμματοσειρά και το υπογραμμισμένο χρώμα, το οποίο μπορεί να έχει τη μορφή δεκαεξαδικού κώδικα σε πλήρεις (#FFFFFF) ή συντομευμένες (#fff) παραλλαγές. Το χρώμα μπορεί επίσης να καθοριστεί με τη μορφή RGB (101, 010, 111) ή την τυπική τιμή html του χαρακτηριστικού στυλ, δηλαδή τη λέξη-κλειδί (γκρι, κόκκινο κ.λπ.). Αυτές οι τιμές έχουν οριστεί για τα χαρακτηριστικά συνδέσμου, ψευδωνύμου και vlink.

Βήμα 3

Το προαιρετικό χαρακτηριστικό συνδέσμου της ετικέτας καθορίζει το χρώμα όλων των υπερσυνδέσμων στη σελίδα. Εάν το χαρακτηριστικό δεν έχει καθοριστεί, η προεπιλογή θεωρείται.

Βήμα 4

Το προαιρετικό χαρακτηριστικό alink της ετικέτας καθορίζει το χρώμα όλων των ενεργών υπερσυνδέσμων, δηλαδή αλλάζει το χρώμα του συνδέσμου σε αυτό που καθορίζεται όταν κάνετε κλικ σε αυτό. Τα στοιχεία μενού που οδηγούν στη σελίδα που είναι ανοιχτή αυτήν τη στιγμή στο πρόγραμμα περιήγησης θεωρούνται επίσης ενεργές υπερσυνδέσεις Εάν το χαρακτηριστικό δεν έχει καθοριστεί, θεωρείται η προεπιλογή.

Βήμα 5

Το προαιρετικό χαρακτηριστικό vlink της ετικέτας καθορίζει το χρώμα όλων των υπερσυνδέσμων που επισκέπτονται, δηλαδή αλλάζει το χρώμα του συνδέσμου αφού κάνετε κλικ σε αυτόν. Εάν το χαρακτηριστικό δεν έχει καθοριστεί, θεωρείται η προεπιλογή.

Βήμα 6

Μπορείτε να χρησιμοποιήσετε ιδιότητες CSS στο έγγραφο HTML για να αλλάξετε το χρώμα όλων των υπερσυνδέσμων. Γράφονται μεταξύ των ζευγαρωμένων ετικετών και καθορίζονται μεταξύ των απαιτούμενων ετικετών και. Οι ιδιότητες ορίζονται μέσω του επιλογέα A: με την επίσκεψη ψευδο-κλάσης, η οποία καθορίζει το χρώμα των συνδέσμων που έχουν επισκεφθεί, ενεργό, το οποίο καθορίζει το χρώμα των ενεργών συνδέσμων, ή τοποθετεί το δείκτη του ποντικιού, το οποίο καθορίζει το χρώμα των συνδέσμων όταν αιωρείται πάνω τους.

Βήμα 7

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

Συνιστάται: