Scribd
Upload
5 views

Css Menufooter

The document contains CSS code defining styles for menu bars, submenus, and page layout including a footer. Styles are set for colors, positioning, sizing and interactions. Sections of CSS code are dedicated to the menu bar, submenus, page body, and footer.

Uploaded by

Hiếu
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
5 views

Css Menufooter

The document contains CSS code defining styles for menu bars, submenus, and page layout including a footer. Styles are set for colors, positioning, sizing and interactions. Sections of CSS code are dedicated to the menu bar, submenus, page body, and footer.

Uploaded by

Hiếu
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

.

Menu-bar ul{
background-color: lightcyan;
list-style: none;
text-align: center;
margin-bottom: 10px;
}
.Menu-bar ul li{
background: #96cdf7;
width: 150px;
height: 30px;
line-height: 30px;
color: #f1f1f1;
margin-left: -5px;
display: inline-block;
position: relative;
transition: 0.5s;
}
.Menu-bar ul li a{
text-decoration: none;
color: #ffffff;
display: block;
font-size: 15px;
transition: 0.5s;
}
.Menu-bar ul li:hover{
background: #e8e8e8;
}
.Menu-bar ul li a:hover{
color:#f0658a ;
}
.Sub-Menu{
display: none;
position: absolute;
text-align: center;
}
.Menu-bar ul li:hover .Sub-Menu{
display: block;
}
.Sub-Menu2{
display: none;
position: absolute;
text-align: center;
}
.Menu-bar ul li:hover .Sub-Menu2{
display: block;
}
.Sub-Menu3{
display: none;
position: absolute;
text-align: center;
}
.Menu-bar ul li:hover .Sub-Menu3{
display: block;
}
.Sub-Menu4{
display: none;
position: absolute;
text-align: center;
}
.Menu-bar ul li:hover .Sub-Menu4{
display: block;
}.Sub-Menu5{
display: none;
position: absolute;
text-align: center;
}
.Menu-bar ul li:hover .Sub-Menu5{
display: block;
}
.submenu li{
background-color: pink;
}
.Body{
font-family: sans-serif;
color: #333;
width: auto;
height: 80%;
border: 5px double red;
}
.Footer img{
width: 100px;
height: 90px;
}
.Footer{
position: relative;
width: 100%;
height: auto;
padding: 50px 100px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.Footer .FContainer{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: row;
}

You might also like