Use of Navigation Bar in CSS

Question

Hi I want to know what is a Navigation Bar and what is the use of it? Thanks

Naeem Khan · Answer

hello friend this is example code... nav-example { background:url( https://lh4.googleusercontent.com/-xbhbCcnBhYI/Tft-OgZOwTI/AAAAAAAABII/lh1EAkmm0ps/s800/final-nav-bar.png ) no-repeat; width: 495 px; height: 48 px; margin:0; padding:0; } #nav-example span { display: none; } #nav-example li #nav-example a { height: 48 px; display:block; } #nav-example li { float:left; list-style:none; display:inline; } #nav-example-1 {width: 125 px;} #nav-example-2 {width: 122 px;} #nav-example-3 {width: 122 px;} #nav-example-4 {width: 123 px;} #nav-example-1 a:hover {background:url( https://lh4.googleusercontent.com/-xbhbCcnBhYI/Tft-OgZOwTI/AAAAAAAABII/lh1EAkmm0ps/s800/final-nav-bar.png ) 0 px -48px no-repeat; } #nav-example-2 a:hover {background:url( https://lh4.googleusercontent.com/-xbhbCcnBhYI/Tft-OgZOwTI/AAAAAAAABII/lh1EAkmm0ps/s800/final-nav-bar.png ) -125 px -48px no-repeat; } #nav-example-3 a:hover {background:url( https://lh4.googleusercontent.com/-xbhbCcnBhYI/Tft-OgZOwTI/AAAAAAAABII/lh1EAkmm0ps/s800/final-nav-bar.png ) -247 px -48px no-repeat; } #nav-example-4 a:hover {background:url( https://lh4.googleusercontent.com/-xbhbCcnBhYI/Tft-OgZOwTI/AAAAAAAABII/lh1EAkmm0ps/s800/final-nav-bar.png ) -369 px -48px no-repeat; } regards