Lab # 1
Introduction to html & CSS
Lab-1-6-menu-with-list-tag.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Menu</title> <style> *{ padding: 0; margin: 0; } .menu ul li{ list-style: none; display: inline; padding: 15px; } a{ text-decoration: none; color:white; } .menu{ background: #262626; line-height: 50px; } .menu ul li:hover{ background: #f00000; transition: .2s; } </style> </head> <body> <div class="menu"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </div> </body> </html>
Output
Menu with List tag in html and css by Practical Server |
Happy Coding :)
0 Comments
Post a Comment