Як зробити меню, що випадає
Відео: Меню, що випадає на CSS
#nav, #nav ul {
list-style: none;
margin: 0-
padding: 0-
border: 1px solid # 000-
background: # 515151-
float: left;
width: 100% -
}
#nav li {
float: left;
position: relative-
background-color: # 003366-
background: none;
}
#nav li ul {
display: none;
position: absolute-
background-color: # 003366-
padding: 8px 0-
width: 138px;
}
#nav a {
color: # fff-
text-decoration: none;
display: block-
width: 120px;
padding: 4px 10px;
background-color: # 003366 repeat-y right;
}
#nav a: hover {
color: # 000-
background-color: # 0033FF-
}
#nav li: hover {
background-color: # 333333-
}
Потім додайте наступний шматок коду для остаточного доопрацювання меню:
#nav li: hover li ul {
display: none;
width: 138px;
top: -9px;
left: 133px;
}
#nav li: hover li: hover ul {
display: block-
}
Відео: Як зробити меню, що випадає
...
- Як створити нове меню на сайті ucoz
- Як поміняти меню пуск
- Як намалювати меню сайту
- Як змінити колір меню пуск
- Топ-5 найкращі і популярні чоловічі наручні годинники 2017
- Як зробити підміню
- Як прикрасити сайт
- Як у фотошопі поставити фон
- Як зробити красиву таблицю
- Які команди є в css
- Як редагувати шаблон dle
- Як зробити фон сторінки
- Як редагувати шаблони сайтів
- Як додати фон
- Як вставити відеоролик в html
- Як перевести фотографію в малюнок
- Топ-10 найкращі і популярні парки атракціонів світу
- Попа злиплися: ревізія варення
- Кращі бари парижа
- Сенс і основа астрологічного прогнозу
- Бери і жуй-4: «трійка»