Как сменить картинку при наведении курсора?
Знаю, что есть псевдокласс :hover, многие скажут об этом ответе. Но тут другая структура html кода.
Дело в том, что я не могу сообразить до конца, как при наведении курсора появилась другая картинка, она видна, но внутри картинки, и как же заставить при наведении курсора была другая картинка.
html:
CODE (html):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <link rel="stylesheet" href="styletest.css" type="text/css" />
- <ul class="nav">
- <li class="item-105"><a href="#">Категория 1<img src="icon1.png"/></a></li>
- <li class="item-106"><a href="#">Категория 2<img src="icon2.png"/></a></li>
- </ul>