В курсе по HTML и CSS не могу сделать чтоб фон менялся при наведении на ссылку.
Рботал с курсом html и Css всё получилось кроме изменения цвета фона при наведении на ссылку. Вот код:
CSS
menu{
list-style:none;
margin: 0 auto;
}
a{
text-decoration: none;
font-family: inherit;
transform: .5s linear
}
.mymenu{
display: block;
width: 410px;
margin:0 auto 30px;
margin-top: 10px;
}
.goodes menu{
background: ;
overflow: hidden;
padding: 0;
}
.goodes li{
float: left;
}
.goodes a{
display: block;
padding: 1em;
border-right: 1px solid #8B4513 ;
border-left: 1px solid #8B4513;
background: rgba(222, 184, 135, 1);
color: ;
}
.goodes li hover{
background-color: #8B4513 ;
}
HTML
<div class="mymenu goodes">
<menu>
<li> <a href="#">Главная </a></li>
<li> <a href="#">Работы </a></li>
<li> <a href="#">О нас </a></li>
<li> <a href="#">Блог </a></li>
<li> <a href="#">Контакты </a></li>
</menu>
</div>
Спасибо alex b