×

Html & Html5

The World's best Software Development Study Portal

CSS Navigation bar



Navigation-bar is nothing but just the list of links vertically or horizontally which gives a great look to our webpage. Navigation-bar can create also through <ul> and <li>elements in HTML and styling we can do here through by CSS only. And this navigation-bar can be in vertical or horizontal position.



Vertical navigation-bar


Here the navigation-bar we can create in vertical position through HTML elements and styling we will give through CSS.

Let's understand this by following program:-





Output of the Program



Navigation vertically



So this is how we can create navigation-bar vertically.




Horizontal navigation-bar


Here the navigation-bar we can create in horizontal position through HTML elements and styling we will give through CSS.

Let's understand this by following program:-





Output of the Program



Navigation horizontally



So this is how we can create navigation-bar horizontally.











CSS 3 training insitute | Best IT Training classes in Gurgaon | Web Designing Training Institute