18-CSS Navigation Bar


Here you will study about the CSS Navigation Bar which you almost see on every web page nowadays.It is actually the bars where all the important details are provided by the just name of the topic in a horizontal or vertical manner.

Two types of bar are:

Horizontal Bar

Vertical Bar


I have presented the codes for both types of bars.

Example of Vertical Bar:



li a:hover:not(.active) { background-color: yellow; color: white; }

Vertical Navigation Bar

Below is the vertical bar presented with the local links .


Example of Horizontal Bar:



Facebook Comments


Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.