Line 1: | Line 1: | ||
.navbar { | .navbar { | ||
text-align: center; | text-align: center; | ||
− | margin-left: - | + | margin-left: -15px; |
− | + | ||
position: fixed; | position: fixed; | ||
top: 0; | top: 0; | ||
Line 8: | Line 7: | ||
} | } | ||
.navbar ul { | .navbar ul { | ||
− | width: | + | width:210%; |
background-color:#fad4f7; | background-color:#fad4f7; | ||
/*padding:10px 20px 10px 0px;*/ | /*padding:10px 20px 10px 0px;*/ | ||
Line 55: | Line 54: | ||
display:block; | display:block; | ||
/*padding:10px 20px;*/ | /*padding:10px 20px;*/ | ||
− | padding: 15px | + | padding: 15px 16px; |
color:#000; | color:#000; | ||
text-decoration:none; | text-decoration:none; |
Revision as of 03:26, 4 July 2021
.navbar {
text-align: center; margin-left: -15px; position: fixed; top: 0; width: 100%;
} .navbar ul {
width:210%; background-color:#fad4f7; /*padding:10px 20px 10px 0px;*/ padding:10px 30px 10px; display:inline-table; position:relative; box-shadow:1px 1px 3px rgb(255, 255, 255); color:#000; list-style: none;
} .navbar ul::after {
content:""; /*display:block; */ clear:both;
}
.navbar ul li ul {
position: absolute; max-height: 0px; display: block; overflow: hidden; float: left; margin-top: 10px; padding: 0px 0px 0px 0px; transition: all 0.3s ease-out;
}
.navbar ul li:hover ul{
opacity: 80%; max-height: 500px; display: block; transition: all 0.3s ease-in;
}
.navbar ul li {
float: left; position:relative; /*这行无论如何都不要动*/ transition: all 0.25s ease-out;
} .navbar ul li:hover {
background-color:#e6b7e6; border-radius:45px;
} .navbar ul li a {
display:block; /*padding:10px 20px;*/ padding: 15px 16px; color:#000; text-decoration:none; font-family:"Tahoma"; font-size: 130%; transition: color 0.25s; text-align: center; list-style: none;
} .navbar ul li a:hover {
color:rgb(255, 255, 255); list-style: none;
}
.navbar ul li ul li a {
color:rgb(0, 0, 0);
} .navbar ul li ul li:hover a{
color:rgb(255, 255, 255)
} .navbar ul li ul li {
float:none; border-top:1px solid #e6c5ee; border-bottom:1px solid #e6c5ee; color:#000;
}