Is there a way to apply background color on <img> tag?

Question

Is there a way to apply background color on <img> tag ?

<img src="abc.jpg" style="background-color:red;">

Above code is not working .

Please help me .

Thanks

Answer 1

Yes it's possible. You just need to apply padding to image. Then you can get the result below:

or

You also can use .png images and apply transparent property.

img {
  max-width: 50%;
}

<img src="http://pngimg.com/uploads/mario/mario_PNG53.png" style="background-color:red;padding:20px;">