Decorate you text links with different CSS styles.

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
Expl0it
Honorary Member
Δημοσιεύσεις: 2364
Εγγραφή: 25 Αύγ 2003 23:24
Τοποθεσία: home/sweet/home

Decorate you text links with different CSS styles.

Δημοσίευση από Expl0it » 22 Δεκ 2003 15:34

Πρώτα απ'όλα δείτε ένα παράδειγμα εδώ.

CHANGE THE COLOR OF YOUR LINK .

Κώδικας: Επιλογή όλων

<style type="text/css">
a.color&#58;link &#123;color&#58; #009900&#125;
a.color&#58;visited &#123;color&#58; #009900&#125;
a.color&#58;hover &#123;color&#58; #CC0000&#125;
</style>
CHANGE THE DECORATION OF YOUR LINK .

Κώδικας: Επιλογή όλων

<style type="text/css">
a.decor&#58;link &#123;color&#58; #FF6600; text-decoration&#58; none&#125;
a.decor&#58;visited &#123;color&#58; #FF6600; text-decoration&#58; none&#125;
a.decor&#58;hover &#123;text-decoration&#58; underline;&#125;
</style>
CHANGE THE DECORATION OF YOUR LINK 2 .

Κώδικας: Επιλογή όλων

<style type="text/css">
a.decor&#58;link &#123;color&#58; #CC33CC; text-decoration&#58; none&#125;
a.decor&#58;visited &#123;color&#58; #CC33CC; text-decoration&#58; none&#125;
a.decor&#58;hover &#123;text-decoration&#58; underline overline;&#125;
</style>
CHANGE THE BACKGROUND OF YOUR LINK .

Κώδικας: Επιλογή όλων

<style type="text/css">
a.bg&#58;link &#123;color&#58; #0066FF&#125;
a.bg&#58;visited &#123;color&#58; #0066FF&#125;
a.bg&#58;hover &#123;background&#58; #FFFFFF&#125;
</style>
CHANGE THE SIZE OF YOR LINK .

Κώδικας: Επιλογή όλων

<style type="text/css">
a.size&#58;link &#123;color&#58; #9900CC&#125;
a.size&#58;visited &#123;color&#58; #9900CC&#125;
a.size&#58;hover &#123;font-size&#58; 12px&#125;
</style>
CHANGE THE FONT OF YOUR LINK .

Κώδικας: Επιλογή όλων

<style type="text/css">
a.font&#58;link &#123;color&#58; #666666&#125;
a.font&#58;visited &#123;color&#58; #666666&#125;
a.font&#58;hover &#123;font-family&#58;Times New Roman&#125;
</style>

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες