HTML CODE

 <html>
<head>
<title>Untitled Document</title>
<link href="menubar1.css" rel="stylesheet" />
</head>

<body>

<ul>

    <li><a href="#">HOME</a></li>
   <li><a href="#">GALLERY</a></li>
   <li><a href="#">NOTICE</a></li>
   <li><a href="#">REPORT</a></li>
   <li><a href="#">ABOUT US</a></li>
   </ul>


</body>
</html>


CSS CODE

@charset "utf-8";
/* CSS Document */
body
{
background-color:#C9F;
}

ul
{
margin:0px;
padding:0px;
}

ul li a
{
text-decoration:none;
color:#FEF;
display:block;
background-color:black;
font-size:24px;
line-height:40px;
text-align:center;
opacity:8;
border:1px solid #FF0;
}
ul li
{
float:left;
width:150px;
height:40px;
background-color:black;
font-size:24px;
line-height:40px;
text-align:center;
opacity:7;
border:1px solid #FF0;

}
ul li a:hover
{
background-color:pink;
}