css - 将边框应用到背景图像

Question

我有一些 div，它们的背景使用以下方法设置为图像：

background:url(myimage.jpg);

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

我不想在 div 上设置边框，因为这不会给出预期的结果，它必须是图像上的边框。

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

Answer 1

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

#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

正如您提到的那样，不可能完全做到这一点。由于背景图像是样式而不是内容，因此不能向其添加其他样式。

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