如何在div中放置边界图像

Question

当使用border-image CSS属性时，边框被放置在div之外。有没有办法将边框图像放入div

border-width: 50px;
border-image: url(Border.png) 50 repeat;

Answer 1

Codepen链接

这就是你的意思吗？

<div>
 <span>

 </span>
</div>

CSS

div {
  border: 1px solid black;
  width: 200px;
  height: 200px;
}

span {
  box-sizing: border-box;
  display: block;
  width: 200px;
  height: 200px;
  border-width: 50px;
  border-image: url(https://www.castlejackpot.com/wp-content/uploads/dynamik-gen/theme/images/home-horizontal-border.png) 50 repeat;
}