HTML MENU BAR

-

 <!DOCTYPE html>

<html>

<head>

<title>Menu</title>

<style type="text/css">

body{

background: green;

}

ul{

background: red;

color:red;

list-style-type: none;

font-size: 23px;

}

a{

text-decoration: none;

overflow: inherit;

font-size: 30px;

color: white;


}

ul li{

display: inline;

margin-top: 0px;

margin-left: 100px;

margin-right: 20px;

}

nav{

background: red;

text-align: center;

color:white;

font-size: 26px;

font-weight: bold;

margin-top: 0px;

}


</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>

<nav class="welcome">WELCOME TO KT MANYANGOBE HAUSA SITE</nav>

</div>


</body>

</html>

Comments

Aminu Ishe said…
Yes good code it works properly
July 12, 2021 at 9:24 AM
Post a Comment

Popular posts from this blog

ADDING NUMBERED LIST ON HTML

-
Image
ADDING NUMBERED LIST ON HTML In html there is ordered and unordered list which is Ordered list: is a type of list that can be listed with a letter (a or A), number (1) and Roman numbers which is (i or I) while Unordered list:   is the type of list which is bulletin. But today we are going to discuss on ordered list on Html: <!DOCTYPE> <html> <head><title></title> </head> <body> <ol type="1"> <li> Auwal Yusuf</li> <li> Ibrahim Sani</li> <li> Maryam Fahad</li> <li> Bashir Buhari</li> </ol> </body> </html> Or for letters <!DOCTYPE> <html> <head><title></title> </head> <body> <ol type="A"> <li> Auwal Yusuf</li> <li> Ibrahim Sani</li> <li> Maryam Fahad</li> <li> Bashir Buhari</li> </ol> </body>...
Read more