Κάνοντας μια επεξήγηση εργαλείου για μια ιστοσελίδα είναι ένας τρόπος για τους web developers να προσθέσετε επιπλέον πληροφορίες σε μια ιστοσελίδα όπως η πληροφορία, όταν ένα σύνδεσμο θα σας πάρει πληροφορίες ή ένα πεδίο κειμένου απαιτεί . Επεξηγήσεις εργαλείων είναι ένας τρόπος αφήνοντας ένα σημείωμα στο χρήστη όταν το ποντίκι πάνω από μια εικόνα ή κείμενο . Προσεκτικά μελετημένη επεξηγήσεις είναι λεπτές και να βοηθήσει να βελτιώσουν την εμπειρία του χρήστη . Tooltips είναι εύκολο να προσθέσετε απευθείας στον κώδικα HTML μέσω CSS . Οδηγίες
Η 1

Προσθέστε τον κώδικα CSS στην ενότητα της κεφαλίδας και κάτω από την ετικέτα τίτλου του αρχείου HTML . 2

<στυλ type = " text /css " > άκρη {border - bottom : 0px διακεκομμένη # 000000 ? χρώμα : # 000000 ? περίγραμμα : κανένας? Υγροτόπου Μουστού ? text-decoration : none ? θέση : σχετική? } . . διάρκεια άκρη { margin- αριστερά : - 999em ? θέση: απόλυτη? } tip : hover { διάρκεια σύνορα ακτίνα: . 15px 15px ? box -shadow : 13px 13px 13px RGBA ( 0 , 0 , 0 , 0,1 ) ? font-family : Georgia " ? Times New Roman " , Times , serif ? θέση: απόλυτη? αριστερά : 1em ? κορυφή : 2εμ ? z-index : 99 ? περιθώριο - αριστερά : ? πλάτος 0 : 250px ? } { padding συνηθισμένο : 0.8em 1em ? } . . συνηθισμένο {background : # FFFFFF ? σύνορα : 1px solid # FFAD33 ? } εικόνων
3

Εισάγετε τον παρακάτω κώδικα HTML στο πλαίσιο για ένα δείγμα του tooltip .
Η 4

Παραδείγματα CSS συμβουλές εργαλείων !

Παραδείγματα οι Επεξηγήσεις Tooltip χρησιμοποιείται για να προσθέσετε προσεκτικά μελετημένη πληροφορίες για να ενισχύσουν την εμπειρία του χρήστη .
5

Για να δείτε το tooltip , ανοίξτε το αρχείο HTML σε ένα πρόγραμμα περιήγησης στο web και κρατήστε πατημένο το ποντίκι πάνω από το υπογραμμισμένο tooltip λέξη .
Η 6

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

Η