CSS Menu Using Float
<html>
<head>
<style>
b{float:left;
background-color:gold;
width:100px;
height:30px;
font-size:18pt;
font-family:calibri;
color:black;
text-align:center;
margin-left:10px;
border-bottom:solid;
border-color:black;
border-top:solid;
}
b:hover{float:left;
background-color:deeppink;
width:100px;
height:100px;
font-size:28pt;
font-family:calibri;
color:black;
text-align:center;
border-right:solid;
border-left:solid;
border-color:black;
}
</style>
</head>
<body>
<b>Home</b>
<b>Music</b>
<b>Video</b>
<b>Movie</b>
<b>Login</b>
<b>Signin</b>
</body>
</html>
<head>
<style>
b{float:left;
background-color:gold;
width:100px;
height:30px;
font-size:18pt;
font-family:calibri;
color:black;
text-align:center;
margin-left:10px;
border-bottom:solid;
border-color:black;
border-top:solid;
}
b:hover{float:left;
background-color:deeppink;
width:100px;
height:100px;
font-size:28pt;
font-family:calibri;
color:black;
text-align:center;
border-right:solid;
border-left:solid;
border-color:black;
}
</style>
</head>
<body>
<b>Home</b>
<b>Music</b>
<b>Video</b>
<b>Movie</b>
<b>Login</b>
<b>Signin</b>
</body>
</html>
Comments
Post a Comment