ララベルで背景画像の適用方法

1107 ワード
bootstrap4 Laravel6 bootstrap4 テキストリンク

背景などに画像を用いる方法について紹介していきたいと思います！

まず自分が使用したい画像を決めてpublicフォルダに入れてください！
※今回はpublicフォルダにimagesフォルダを作成していますがそこはお任せします
※これはCloud9の画像です

public/imagesに画像を入れることができたらリネームをしてわかりやすい名前にしておくといいと思います！

app.blade.php
<body style="background:url({{ asset('images/image02.jpg') }}); 
background-size:cover;">

背景画像は他のビューでも同じなのでapp.blade.phpに書いています
assetを使っています
背景画像なのでbackground-size:cover;を使うといいと思います！

まとめ

今回は背景画像の挿入について紹介しました！
画像があると華やかになると思うのでよかったらしてみてください！