Многоуровневое вертикальное меню HTML и CSS

На днях быстро нужно было сделать простое многоуровневое меню при помощи только css и html. Потратил на поиски минут 15, чего то подходящего что б не переделывать так и не нашел. По этому решил быстрее написать новое чем чистить чужой код. Вот что получилось

CSS

ul{
 list-style: none;
 background-color: #484f61;
 width: 200px;
 border: 1px solid #2a323f;
 border-bottom: none;
 color: #fff;
}
ul li{
 border-bottom: 1px solid #2a323f;
 position: relative;
}
ul li:hover{
 background-color: #2a323f;
}
ul li:hover ul{
 display: block;
}
ul li:hover ul li ul{
 display: none;
}
ul li a{
 color: #fff;
 padding: 10px 20px;
 display: block;
 text-decoration: none;
 font-weight: bold;
}
ul li a:hover{
 background-color: #5d99cf;
 color: #fff;
}
ul li ul li:hover ul{
 display: block;
}
ul li ul{
 position: absolute;
 left: 200px;
 top: 0px;
 display: none;
}

HTML

Cherepynets Illia

Next Можно ли ставить в URL запятые и другие символы? »

Previous « Привет, мир! Первая статья

View Comments

Сергій says:

06.03.2016 at 10:44

Дякую
kesin gelecek maçlar nesine. says:

02.02.2026 at 02:18

Alright, who's got the crystal ball for those guaranteed wins on Nesine? Chasing that bread, fam! See this: kesin gelecek maçlar nesine.
nesime says:

02.02.2026 at 02:18

Heard someone mention 'Nesime'? Guessing they meant Nesine. Getting my bets in quick! More info here:nesime
nesine. giriş yap says:

02.02.2026 at 02:19

Gotta log in to win, right? Quick and easy login on Nesine, straight to the action. Find out how: nesine. giriş yap
como jogar slot mestre says:

27.02.2026 at 07:37

Mano, tava meio perdido em como jogar Slot Mestre, mas o site explicou tudo certinho. Agora tô craque! Pra quem tá começando, super recomendo ler os guias lá. como jogar slot mestre
777 slots says:

27.02.2026 at 07:37

Looking for a thrill? Give 777Slotsbet a shot! Their 777 slots selection is pretty rad. Been spinning those reels and having a blast. Plus, they've got some sweet bonuses too! See if you can hit the jackpot! Here's where to find them: 777 slots
vn123 win says:

27.02.2026 at 07:38

VN123 win? Is that even a THING? Gotta try my luck! Anyone else been racking up some wins? Maybe I can find out there: vn123 win