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屬性來確保圖片在內容和邊框之間。

最終效果就像下面這樣：