如何制作图像css

时间:2016-07-19 06:11:59

标签: html css responsive-design

我想要这样的显示图像:

enter image description here

但原始图片如:

enter image description here

如何使css像图像1一样显示,请告诉我..

2 个答案:

答案 0 :(得分:0)

如果您使用bootstrap

,请尝试此操作
   <img src="http://i.stack.imgur.com/v4BWm.png" alt="img" class="img-thumbnail img-responsive">

Demo JsFiddle

答案 1 :(得分:0)

HTML

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

CSS

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

Demo JsFiddle