How to make image css

Question

I want display image like this:

but original image like:

how make css for display like image 1, please tell me..

Please edit your question and add HTML/CSS code you have so far. — Rohit, Jul 19 '16 at 06:17

Nikhil Ghuse · Answer 1 · 2016-07-19T06:42:19.553

0

Then try this if you are using bootstrap

   <img src="https://i.stack.imgur.com/v4BWm.png" alt="img" class="img-thumbnail img-responsive">

edited Jul 19 '16 at 06:42

answered Jul 19 '16 at 06:25

Nikhil Ghuse

Sumit patel · Answer 2 · 2016-07-19T06:35:02.877

0

Html

<img src="https://i.stack.imgur.com/v4BWm.png"  class="ImgOuter" >

css

.ImgOuter
{
  padding:10px;
  background-color:#d1e0e0;
  border-radius:2%;
  width:100%;
  height:auto;
}

edited Jul 19 '16 at 06:35

answered Jul 19 '16 at 06:29

Sumit patel

its not responsive dude – Nikhil Ghuse Jul 19 '16 at 06:32
I have updated my answer. If this works for you then please click up arrow (This answer is useful). This helps other if anyone needs it – Sumit patel Jul 19 '16 at 06:35
@NikhilGhuse it's responsive – Fiido93 Jul 19 '16 at 07:53

2 Answers2