将边框应用于背景图像

Question

我有一些div，他们将背景设置为图像：

background:url(myimage.jpg);

现在我要做的是在该图像上设置一个设置为背景的边框。

我不想在div上设置边框，因为这不会产生所需的结果，它必须是图像上的边框。

不确定这是否可行，是吗？

Answer 1

您可以尝试使用多个背景，方法是设置基本bg图像，将第二个图像设置为边框。

#container {
background-image: url(Main-bg), url(Border-img.png); 
background-position: center center, left bottom; /* border bottom in this case */ 
background-repeat: no-repeat; 
}

Answer 2

不可能像你提到的那样精确地做到这一点。由于背景图像是样式而不是内容，因此不能添加其他样式。

最好的选择是创建一个不同的图像文件来提供更大胆的边框。