html – Changing the color of the image on the hover.

For my Newar, when there is a picture / text hover, he should refer to this aqua type blue. My text is working but with all my efforts on the image I can get a blue box around the image (the image is a transparent one with the outline of the circle), this is my html and css:

HTML:

<ul>
  <li><a href="https://www.youtube.com/channel/UCMJspnYb9l2UzL6ayWpsrUQ"><img src="Images/videoic.png"></a></li>
  <li><a href="#about">About</a></li>
  <li><a href="#Social">Social Media</a></li>
  <li><a href="#About">About</a></li>
  <li><a href="#Home">Home</a></li>
</ul>

CSS:

li a img:hover{
      background:#15f4c7; /*hover colour*/
}

Write a Comment

Your email address will not be published. Required fields are marked *