html - 如何在动态 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;
}