<!doctype html>
<meta charset= "UTF-8" >
<meta name= "Generator" content= "editplus®" >
<meta name= "Author" content= "" >
<meta name= "Keywords" content= "" >
<meta name= "Description" content= "" >
<title>Document</title>
<body>
<style type= "Text/css" >
a:hover{background:blue; background-repeat:no-repeat;} <!--mouse over the link to color--
Div.header
{
Text-decoration:none;
Color:white;
Background-color:gray;
Clear:left;
border:0;<!--Remove the link underline--
}
H1.header
{text-decoration:none;<!--Remove the link underline--
padding:8px;
margin:0;
border:0;<!--Remove the link underline--
}
A{text-decoration:none;}
</style>
<body>
<!--load Link--
<div class= "header" >
</div>
<div id= "Menu" >
<ul>
<li><a href= "#" > Home </a></li>
<li><a href= "#" > Learning forum </a></li>
<li><a href= "#" > Student quiz </a></li>
<li><a href= "#" >it Circle </a></li>
<li><a href= "#" > Real-time classroom </a></li>
<li><a href= "#" > Client Download </a></li>
<li><a href= "#" > Help Center </a></li>
</ul>
</div>
</body>
Using CSS to implement list menu effects