<a class="active" href="#home">Home</a>
<a href="#about">News</a>
<a href="#contact">Photos</a>
<a href="#about">Music</a>
<a href="#contact">Video</a>
<a href="#contact">Game</a>
* {box-sizing: border-box;}
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}
.menu {
overflow: hidden;
background-color: #00FFF5;
border-radius:5px;
}
.menu a {
float: left;
display: block;
color: black;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.menu a:hover {
background-color: #ddd;
color: black;
}
.menu a.active {
background-color: #2196F3;
color: white;
}
.sub-menu{
position:relative;
}
.sub-menu ul{
position:absolute;
}
.sub-menu ul li a{
width:200px;
display:block;
border-bottom:1px solid #f00;
line-height:30px;
}
No comments