Βοήθημα για να δημιουργήσετε ένα όμορφο, απλό, οριζόντιο CSS μενού
Αυτό είναι ένα πολύ απλό, οριζόντια css μενού. Φροντιστήριο Αυτό βοηθά στη δημιουργία ενός απλού και ελκυστική CSS μενού με ένα δροσερό φτερουγίζω αποτέλεσμα.
Πρώτα από όλα, ας γράψουν κώδικα CSS για το μενού. εδώ ισχύει ο κωδικός ..
(
padding: 0?
)
(
απεικόνιση: inline?
)
(
font-οικογένεια: Arial?
font-size: 12px?
; text-decoration: ΚΑΝΕΝΑ?
float: αριστερά?
padding: 10px?
; υπόβαθρο-χρώμα: # 333333?
; Χρώμα: # FFFFFF?
σύνορα-κάτω: 1PX?
; συνόρων-bottom-color: # 000000?
συνόρων-bottom-style: στερεά?
)
(
; υπόβαθρο-χρώμα: 9B1C26 #?
padding-bottom: 12px?
συνόρων-bottom: 2px?
; συνόρων-bottom-color: # 000000?
συνόρων-bottom-style: στερεά?
περιθώριο: - 1PX?
)
Δεύτερη όλων ας γράψουν HTML κατάλογο για το μενού. Πες έχουμε 7 δεσμούς, όπως φαίνεται στην εικόνα, εδώ ισχύει ο κωδικός ..
> <li> <a href = "#" > Home </a> </li> <li> <a href = "#" > About </a> </li> <li> <a href = "#" > Services </a> </li> <li> <a href = "#" > Products </a> </li> <li> <a href = "#" > Sitemap </a> </li> <li> <a href = "#" > Help </a> </li> <li> <a href = "#" > Contact Us </a> </li> </ul> <ul id = "nav"> <li> <a href = "#"> Αρχική </ a> </ li> <li> <a href = "#"> H </ a> </ li> <li > <a href = "#"> Υπηρεσίες </ a> </ li> <li> <a href = "#"> Προϊόντα </ a> </ li> <li> <a href = "#"> Sitemap </ a> </ li> <li> <a href = "#"> Βοήθεια </ a> </ li> <li> <a href = "#"> Επικοινωνία </ a> </ li> < / ul>
Ναι ..! την κάνει! δείτε πόσο απλό είναι να δημιουργηθεί ένα CSS μενού ... .. ένα demo;
Δείτε το demo κάτω ..
Σχετικά άρθρα:
αν απολαμβάνουν ανάγνωση αυτού του άρθρου, παρακαλούμε να ελέγξετε τα άλλα σχετικά άρθρα που ακολουθεί:




















































Ajay λέει στις: 15 Ιουνίου 2009 στις 7:54 π.μ., δήλωσε:
ohhh, ευχαριστώ για την από κοινού χρήση εκπαίδευσης