html - 在图像幻灯片放映外添加边框

Question

我正在为 CMS 制作幻灯片，该幻灯片对一系列图像尺寸有一定的容差。不幸的是，我无法将所有图像都包裹在边框中。

查看图片以更好地理解问题。

Answer 1

请检查这个，希望这对你有用。

.slider_container {
  position: relative;
}
.slider_container img {
  position: relative;
  width: 100%;
}
.slider_container .border_box {
  position: absolute;
  border: 3px solid #fff;
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 10px;
}

<div class="slider_container">

  <img src="http://www.electricprism.com/aeron/slideshow/images/1.jpg" alt="">
  <div class="border_box"></div>

</div>