Υπερσύνδεσμοι σε CSS
Όχι υπογράμμιση
<style type="text/css">
<!--
A:link {text-decoration: none}
-->
</style>
Αν αντιγράψετε το παραπάνω κώδικα μεταξύ των ετικετών <head></head> στην σελίδα σας, ο κώδικας θα αφαιρέσει όλες τις υπογραμμίσεις από τους συνδέσμους. Αν θέλετε να εφαρμοστεί σε όλες τις σελίδες σας απλώς γράψτε την κλάση στο εξωτερικό αρχείο CSS. Το text-decoration δέχεται τις εξής σταθερές:
<!--
A:link {text-decoration: none}
-->
</style>
A:link {text-decoration: blink} <!-Το κείμενο αναβοσβήνει-->
A:link {text-decoration: line-through} <!-Το κείμενο θα διαγράφεται με μια γραμμή. -->
A:link {text-decoration: overline} <!-Κάθε γραμμή κειμένου θα έχει μια γραμμή πάνω της -->
A:link {text-decoration: underline} <!-Κάθε γραμμή κειμένου θα είναι υπογραμμισμένη -->
Συχνά τα link, visited, active and hover είναι όλα μαζί προκαθορισμένα σε ένα κώδικα όπως φαίνετε από κάτω:
A:link {text-decoration: line-through} <!-Το κείμενο θα διαγράφεται με μια γραμμή. -->
A:link {text-decoration: overline} <!-Κάθε γραμμή κειμένου θα έχει μια γραμμή πάνω της -->
A:link {text-decoration: underline} <!-Κάθε γραμμή κειμένου θα είναι υπογραμμισμένη -->
<style type="text/css">
<!--
A:link {text-decoration: none} <!-Οι υπογραμμίσεις έχουν αφαιρεθεί από τα links. -->
A:visited {color: red } <!-Τα Visited links θα γίνονται κόκκινα. -->
A:active {color: #CCCCCC } <!-- Active links θα γίνονται γρι-->
A:hover {color: yellow } <!-Όταν το ποντίκι σου δείχνει σε ένα link το χρώμα του θα γίνεται κίτρινο. -->
-->
</style>
<!--
A:link {text-decoration: none} <!-Οι υπογραμμίσεις έχουν αφαιρεθεί από τα links. -->
A:visited {color: red } <!-Τα Visited links θα γίνονται κόκκινα. -->
A:active {color: #CCCCCC } <!-- Active links θα γίνονται γρι-->
A:hover {color: yellow } <!-Όταν το ποντίκι σου δείχνει σε ένα link το χρώμα του θα γίνεται κίτρινο. -->
-->
</style>







