css - 背景画像に境界線を適用します

Question

私はいくつかのdivを持っています、そしてそれらはこれを使って画像として設定された背景を持っています：

background:url(myimage.jpg);

今私が探しているのは、背景に設定されているその画像に境界線を設定することです。

divに境界線を設定したくないのは、これでは目的の結果が得られないためです。画像の境界線である必要があります。

これが可能かどうかわかりませんね。

Answer 1

ベースのbg画像と2番目の画像を境界線として設定することで、複数の背景を使用してみることができます。

#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

あなたが言ったようにそれを正確に行うことは不可能です。背景画像はコンテンツではなくスタイリングであるため、追加のスタイリングを追加することはできません。

最良のオプションは、より太い境界線を提供するために別の画像ファイルを作成することです。