CSS /图像多个边框/边缘必须在内容变大时重复

Question

我想做这样的事情

你能看到边缘有3个边框吗？如果有风格，我该如何做出与此完全相同的东西？

我有个计划，

裁剪内容的头部，

裁剪内容区域，

并裁剪内容的页脚

所以中间部分将重复内容，但我不确定如何做到这一点。

任何想法？

Answer 1

你可以用div，边框和绝对定位来做到这一点。

DEMO

只需绝对定位div并稍微改变上/左

div {
  border: 1px solid #aaa;
  width: 300px;
  height: 200px;
  background: white;
  position: absolute;
}
#first{
  top: 6px;
  left: 6px; 
}
#second{
  top: 3px;
  left: 3px;
}