HTML, CSS navigation drop-down
Nav {
Border - bottom: 1 px solid # C3C3C3;
Background - color: # F3F3F3;
}
. Nav_container {
Width: 1180 px;
height: 50px;
Border - bottom: 1 px solid # C3C3C3;
}
. Level> Li {
display: inline-block;
Padding - top: 15 px;
Margin - right: 25 px;
}
. Level> Li> A {
The text - decoration: none;
color: black;
font-size: 14px;
}
. Level li a: hover {
Color: # 1 db69a;
}
The two {
display: none;
}
. Two> Li {
display: block;
color: black;
}
. Level> Li: hover. Two {
display: block;
position:relative;
Z - index: 1;
}
The two li: hover {
Color: # 1 db69a;
}
. Level2 stores {
display: inline-block;
Background - color: # F4F4F4;
}
Ul, li {
list-style: none;
}
Something wrong
CodePudding user response:
. Level> Li {
display: inline-block; To float: left;
CodePudding user response:
