<!DOCTYPE html> <html> <head> <style> nav ul{ list-style-type:none; } nav ul li{ float:left; } nav ul li a{ text-decoration:none; padding:20px 10px; background-color:rgb(26,161,242); color:rgb(255,255,255); border-right:1px solid rgb(210,210,210); } nav ul li a:hover{ box-shadow:2px 5px 2px rgb(210,210,210); padding-top:23px; } </style> </head> <body> <p>A simple navigation bar example</p><br> <nav> <ul> <li><a href="#">list item1</a></li> <li><a href="#">list item2</a></li> <li><a href="#">list item3</a></li> <li><a href="#">list item4</a></li> </ul> </nav> </body> </html>
Run
×
Share