More than 3 years have passed since last update.

【メモ】backgroundの使い方

Posted at 2020-12-07

background

背景(画像)は以下の設定で行う

sample.html.erb

<body>
  <div class="top_wallpaper">
|
|
|

sample.css

.top_wallpaper{
  background-image: url(/wallpaper-new.jpg);
}

【CSS】
・該当するクラスに対し"background-image"を使用

・background-image: url(/xxx.yy)
　・/:フォルダの場所("/"のみの場合publicフォルダが自動的に適用)
　・xxx:ファイル名
　・yy:拡張子名