こんな感じで、好きな画像を指定することができます。オールドブラウザでも問題なく動作するので、ブラウザのバージョンなどを気にせず使うことができます。 background-imageの使い方 では早速background-imageの使い方を見ていきましょう。以降の説明では、下記のHTMLとCSSを基本に進めていきます。 HTML <div class="bg_test"> <div class="bg_test-text"> 背景画像を設定します </div> </div> CSS .bg_test-text { border: solid 1px; /* 枠線指定 */ display: inline-block; /* インラインブロックにする */ padding: 10px 20px; /* 余白指定 */ background-color: rgba(255, 255, 255,
![CSSのbackground-imageを使いこなす! 使い方から調整まで徹底解説 | 侍エンジニアブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/546672aa407a9a68c11bd5b8f7b8c192dd97a38f/height=288;version=1;width=512/https%3A%2F%2Fwww.sejuku.net%2Fblog%2Fwp-content%2Fuploads%2F2018%2F06%2F60ec3b42eb145592f588ac3e7db38bb0.png)