Επικοινωνία < /a> < /li > < /ul >
ul # list- nav {margin : 20px ? padding : 0 ? list-style : none ? width : 525px ? }
εικόνων 3
Κάντε η navbar πάει σε μια γραμμή σε όλη την ιστοσελίδα με αντιγραφή και επικόλληση του παρακάτω στο Σημειωματάριο σας :
ul # list- nav li {display : inline }
Η 4
Δημιουργήστε τις συνδέσεις για η navbar με αντιγραφή και επικόλληση του παρακάτω :
ul # list- nav li a {text - decoration: none ? padding : 0 5px ? width : 100px ? υπόβαθρο: # 485e49 ? χρώμα : # eee ? float : αριστερά?
5
Ευθυγραμμίστε το κείμενο στο Navbar με αντιγραφή και επικόλληση του παρακάτω :
ul # list- nav li a {text - align: center ? σύνορα - αριστερά : 1px solid # fff ? }
Η 6
Δημιουργήστε ένα χρώμα ανατροπής με αντιγραφή και επικόλληση του παρακάτω :
ul # list- nav li a: hover {background : # a2b3a1 ? χρώμα : # 000 }
Η 7
Αλλάξτε οποιοδήποτε από τα χρώματα , πληκτρολογώντας τον κωδικό για το χρώμα της επιλογής σας . Βρείτε όλα τα σύμβολα "#" και την αντικατάστασή τους με τις διευθύνσεις URL για να δημιουργήσετε τις συνδέσεις για το "Home ", "About Us ", " Υπηρεσίες ", " Προϊόντα" και " Επικοινωνία ". ?
8
Αποθηκεύστε το αρχείο του κώδικα Navbar στο σημειωματάριο σας . Πατήστε το πλήκτρο " Ctrl " + " A " για να επιλέξετε όλους . Ανοίξτε την ιστοσελίδα σας και πηγαίνετε στο συντάκτη CSS HTML . Πατήστε το πλήκτρο " Ctrl " + " V " για να αντιγράψετε τον κώδικα Navbar . Αποθηκεύστε τον κωδικό για να εισέλθουν στην ιστοσελίδα σας .
Η
εικόνων