Πώς να δημιουργήσετε μια γραμμή πλοήγησης

Γραμμές πλοήγησης

Οι γραμμές πλοήγησης είναι ένα πολύ σημαντικό στοιχείο για οποιονδήποτε ιστότοπο. Παρέχουν την κύρια μέθοδο πλοήγησης παρέχοντας μια κύρια λίστα συνδέσμων σε έναν χρήστη. Υπάρχουν πολλές μέθοδοι για τη δημιουργία μιας γραμμής πλοήγησης. Ο ευκολότερος τρόπος για να δημιουργήσετε μια γραμμή πλοήγησης είναι να χρησιμοποιήσετε μια λίστα χωρίς ταξινόμηση και να την σχεδιάσετε με CSS.

Οι γραμμές πλοήγησης αποτελούνται κυρίως από

    λίστες που είναι οριζόντια διατεταγμένες και στιλ.

    Κατά το στυλ των γραμμών πλοήγησης, είναι σύνηθες να αφαιρείτε το επιπλέον διάστημα που δημιουργείται από το

      και
    • ετικέτες, καθώς και τα σημεία κουκκίδας που εισάγονται αυτόματα:

       list-style-type: none; margin: 0px; padding: 0px;

      Παράδειγμα:

      Υπάρχουν δύο μέρη σε οποιαδήποτε πλοήγηση: το HTML και το CSS. Αυτό είναι ένα γρήγορο παράδειγμα.

      
             
      • Home
      • About
      • Contact
      /* Define the main Navigation block */ .myNav { display: block; height: 50px; line-height: 50px; background-color: #333; } /* Remove bullets, margin and padding */ .myNav ul { list-style: none; padding: 0; margin: 0; } .myNav li { float: left; /* Or you can use display: inline; */ } /* Define the block styling for the links */ .myNav li a { display: inline-block; text-align: center; padding: 14px 16px; } /* This is optional, however if you want to display the active link differently apply a background to it */ .myNav li a.active { background-color: #3786E1; }