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,

Use of Navigation Bar in CSS

Answers (1)