CSSのbackground-imageを使いこなす! 使い方から調整まで徹底解説 | 侍エンジニアブログ

こんな感じで、好きな画像を指定することができます。オールドブラウザでも問題なく動作するので、ブラウザのバージョンなどを気にせず使うことができます。 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,

[hujuu]

“background-repeat: no-repeat; ”

[zaitakujin]

背景の調整