Πώς να δημιουργήσετε πολύχρωμες συνδέσεις σε HTML

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

Λύση CSS

Κώδικας

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

 .blue {χρώμα: # 00f;}. πράσινο {χρώμα: # 008000;} 

Στη συνέχεια, είναι ένας σύνδεσμος που περιέχει ετικέτες έκτασης που χρησιμοποιούν τα παραπάνω CSS καθορισμένα χρώματα.

 ComputerHope 

Παράδειγμα

Computer Hope

Χαρακτηριστικό στυλ

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

 Computer Hope 

Παράδειγμα

Computer Hope

HTML λύση γραμματοσειράς

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

Κώδικας

 ComputerHope 

Παράδειγμα