在图片幻灯片放映之外添加边框

时间:2016-02-28 10:17:41

标签: html css slideshow

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

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

enter image description here

1 个答案:

答案 0 :(得分:2)

请检查一下,希望这对您有用。



.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>
&#13;
&#13;
&#13;