如何将边框放在动态img标签中？

Question

我需要在我的img 标签上加一个边框。这是我的 HTML。

<div class="col-md-12">
  <div class="row col-md-6">
    <img class="img-responsive center-block" src="{{design.img_url_front}}" border="5">
  </div>
  <div class="row col-md-6">
    <img class="img-responsive center-block" src="{{design.img_url_back}}">
  </div>
</div>

我也试过 CSS

img {
  border: 5px;
}

还是没有运气。

如您所见，我需要蓝色部分周围的边框。我怎样才能让它工作？请帮忙。

Answer 1

将border 添加到类.img-responsive .center-block

.img-responsive .center-block{
    border: 5px solid #000;
}

Answer 2

你忘了提供颜色，

试试

img{
  border: 5px solid blue;
}