<head>
<style>
.menu li
{
float:left;
padding:6px;
list-style:none;
background-color:#F3C;
}
.menu .submenu
{
position:absolute;
display:none;
}
.submenu li
{
background-color:#3FF;
margin-left:-40px;
margin-top:9px;
}
.menu li:hover .submenu
{
display:block;
}
.menu .submenu li:hover
{
background-color:red;
color:white;
}
.submenu li
{
float:none;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<div class="menu">
<ul>
<li>home</li>
<li>menu1
<div class="submenu">
<ul>
<li>menu11</li>
<li>menu12</li>
</ul>
</div>
</li>
</ul>
</div>
</body>
<style>
.menu li
{
float:left;
padding:6px;
list-style:none;
background-color:#F3C;
}
.menu .submenu
{
position:absolute;
display:none;
}
.submenu li
{
background-color:#3FF;
margin-left:-40px;
margin-top:9px;
}
.menu li:hover .submenu
{
display:block;
}
.menu .submenu li:hover
{
background-color:red;
color:white;
}
.submenu li
{
float:none;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<div class="menu">
<ul>
<li>home</li>
<li>menu1
<div class="submenu">
<ul>
<li>menu11</li>
<li>menu12</li>
</ul>
</div>
</li>
</ul>
</div>
</body>
No comments:
Post a Comment