Καταργήστε την υπογράμμιση κάτω από τους συνδέσμους σε HTML / CSS

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

Αυτό το άρθρο θα σας καθοδηγήσει στα απαραίτητα βήματα.

• Εμφάνιση μη υπογραμμισμένων συνδέσεων με χρήση του CSS
• Εμφάνιση μη υπογραμμισμένων συνδέσεων χρησιμοποιώντας το CSS μέσω μιας κλάσης
• Εμφάνιση μη υπογραμμισμένων συνδέσεων με χρήση του CSS Online

Εμφάνιση μη υπογραμμισμένων συνδέσεων με χρήση του CSS

Για να καταργήσετε την υπογράμμιση από συνδέσμους HTML, απλά πληκτρολογήστε τον ακόλουθο κώδικα στο CSS:

a.nounderline: σύνδεσμος
{
κείμενο-διακόσμηση: κανένα?
}}

Σημείωση Pseudo-class: link σας επιτρέπει να στοχεύετε μόνο τις υπερσυνδέσεις () και τις άγκυρες () και δεν είναι υποχρεωτική.

Εμφάνιση μη υπογραμμισμένων συνδέσεων χρησιμοποιώντας το CSS μέσω μιας κλάσης

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

a.nounderline: σύνδεσμος
(
Διακόσμηση κειμένου: καμία.
)
a.nounderline: σύνδεσμος
{
κείμενο-διακόσμηση: κανένα?
}}

Εμφάνιση μη υπογραμμισμένων συνδέσεων με χρήση του CSS Online

Τέλος, αν δεν θέλετε να ορίσετε ένα φύλλο στυλ, μπορείτε απλά να ορίσετε το στυλ online με το ακόλουθο χαρακτηριστικό στυλ:

 Κείμενο συνδέσμου 

Εικόνα: © Yuriy Vlasenko - Shutterstock.com