Περιεχόμενο
Κατά τη δημιουργία μιας ιστοσελίδας, μπορεί να είναι χρήσιμο να χρησιμοποιήσετε το CSS για να κεντράρετε μια οριζόντια λίστα, όπως ένα μενού με δυνατότητα κλικ. Μπορείτε να χρησιμοποιήσετε το CSS, το οποίο είναι μια γλώσσα φύλλου στυλ, δίπλα στην HTML για να ελέγξετε την εμφάνιση της σελίδας σας. Τα CSS στυλ εμφανίζονται συχνά απρόβλεπτα σε διαφορετικά προγράμματα περιήγησης ιστού, οπότε είναι σημαντικό να ελέγξετε προσεκτικά τη σελίδα σας πριν την δημοσιεύσετε. Μια μη ταξινομημένη λίστα (ul) είναι ένα στοιχείο σε επίπεδο μπλοκ, ώστε να μπορείτε να χρησιμοποιήσετε την ιδιότητα πλάτους για να δημιουργήσετε ένα κεντρικό αποτέλεσμα.
Οδηγίες
-
Ανοίξτε το αρχείο HTML σε ένα πρόγραμμα επεξεργασίας κειμένου, όπως το Σημειωματάριο των Windows.
-
Προσθέστε τα απαιτούμενα στυλ CSS στην οριζόντια λίστα στην ενότητα "" του αρχείου HTML προσθέτοντας τον ακόλουθο κώδικα:
type = "text / css"> .myclass {text-align: center; } .myclass ul {πλάτος: 275px; περιθώριο: 0px αυτόματο} .myclass li {εμφάνιση: μπλοκ; float: αριστερά. ύψος: 50px; γραμμή-ύψος: 50px; περιθώριο: 5px; πλάτος: 125px; σύνορα: στερεά 1px μαύρο? }}Το πλάτος του καταλόγου (ul) αντιπροσωπεύει το άθροισμα του πλάτους και των περιθωρίων των οριζόντιων στοιχείων (li).
-
Δημιουργήστε μια οριζόντια λίστα στην ενότητα ">" του αρχείου HTML προσθέτοντας τον ακόλουθο κώδικα:
- πρώτο στοιχείο
- δεύτερο στοιχείο στο div
Η ετικέτα "ul" καθορίζει μια μη ταξινομημένη λίστα. Η ετικέτα "li" αντιστοιχεί σε ένα στοιχείο στη λίστα. Τα στοιχεία λίστας χρησιμοποιούν στυλ CSS που ταιριάζουν με αυτά που ορίζονται παραπάνω.
-
Αποθηκεύστε το αρχείο HTML και φορτώστε το στον διακομιστή ιστού σας για να δείτε την οριζόντια, κεντρική λίστα.