css - 背景画像でボーダーを作る

Question

質問はコードを求めているようですが、そうではありません。私は何度もグーグルで検索し、私が望むものを伝えていないページにたどり着きました. グーグルで見つからないのは私の悪い部分かもしれません。

どこかのサイトで見たことがありますが、覚えていません

つまり、6つのpngファイルがあります。

top_right.png、top_left.png、bottom_right.png、bottom_left.png、horizo​​ntal.png、verical.png

私が作りたいのは、上の画像を使用した境界線を持つボックスです。

バックグラウンドの位置とパーセントで何かをしなければならないと思いますが、それを行う方法が見つかりませんでしたか?

Answer 1

コンマを使用してそれらを区切ります。例:

body {
    background-image: url(bottom.png), url(top-right.png);
    background-position: center bottom, right top;
    background-repeat: no-repeat;
}