CSS是一种用来排版和样式化HTML元素的语言。其中，设置边框是一个常见的需求。有时候我们需要在边框内加入图片，以美化页面。下面将介绍如何在CSS外框内加入图片。

div {
border: 5px solid black; /* 设置边框 */
padding: 20px; /* 设置内边距 */
}
div::before { /* 使用伪元素before来插入图片 */
content: "";
display: block;
background-image: url("image.jpg");
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
z-index: -1; /* 图片的z-index设为-1，使其在内容和边框之间 */
}

以上代码中，我们先为div元素设置了一个5像素宽度的黑色实线边框，并设置了20像素的内边距。接着，我们使用伪元素before来插入图片。

在before伪元素中，设置了一个空内容，将其设为块级元素，使用background-image属性设置图片的URL。我们用cover属性来使背景图片自适应容器尺寸。使用绝对定位和z-index属性来确保图片在内容和边框之间。

最终效果就像下面这样：