So erstellen Sie eine Navigationsleiste

Navigationsleisten

Navigationsleisten sind ein sehr wichtiges Element für jede Website. Sie stellen die Hauptnavigationsmethode bereit, indem sie eine Hauptliste von Links zu einem Benutzer bereitstellen. Es gibt viele Methoden zum Erstellen einer Navigationsleiste. Der einfachste Weg, eine Navigationsleiste zu erstellen, besteht darin, eine ungeordnete Liste zu verwenden und sie mit CSS zu formatieren.

Navigationsleisten bestehen hauptsächlich aus

Original text


    Listen, die horizontal angeordnet und gestaltet sind.

    Beim Stylen der Navigationsleisten wird häufig der zusätzliche Abstand entfernt, der durch die

      und
    • Tags sowie die Aufzählungspunkte, die automatisch eingefügt werden:

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

      Beispiel:

      Jede Navigation besteht aus zwei Teilen: HTML und CSS. Dies ist nur ein kurzes Beispiel.

      • 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; }