How to style the img links

[newcoder1010]

Hello,

 

I have this html:

<div id="widgets-element-socialmedia_share-default" class="widgets widgets-set widgets-set-horizontal widgets-style-horizontal">

<div id="widgets-element-socialmedia_socialmedia-twitter-share-button">
  <a href="...we-buy-houses-baltimor" title="Tweet this" target="_blank"><img src="/twitter.png" alt="Twitter icon">
</a>
</div>


<div id="widgets-element-socialmedia_socialmedia-twitter-share-button" >
  <a href="...we-buy-houses-baltimor" title="Tweet this" target="_blank"><img src="/facebook.png" alt="facebookicon">
</a>
</div>

</div>

When i hover on an image link, I would like the image to have 200px. I am not sure how I can do it?

 

Thanks.

[newcoder1010]

I used this and it worked. If you have better way of doing it, please let me know.

 

img:hover {
    width: 200px;    border: 10px solid #b9bbb9;
}