框内的背景图像HTML，CSS

Question

我目前正在大学开展一个项目。我有一个问题，我有一个图像，我想放一个盒子。它还应该根据图像的轮廓在所有边上填充。我尝试了各种各样但失败了。任何人都可以举一个HTML和CSS的例子来帮助我解决这个问题。

Answer 1

将图像指定为div作为背景图像，并使用填充将内部div置于其中。

.inner {
    background-color: blue;
    width: 100%;
    height: 100%
}

.background {
    background-image: url('http://placehold.it/800x600');
    width: 100%;
    background-size: cover;
    height: 300px;
    padding: 50px;
    box-sizing: border-box;
}

http://jsfiddle.net/f4yfju8d/

Answer 2

将图像用作＆＃34;背景：网址（...）＆＃34;第一个div，在第一个div中插入带填充的第二个div＆＃34;填充：25px＆＃34; （例如）。或者我错了你的意思）