2023年04月22日

【背景に詳しくなろう!】backgroundプロパティについて

Lesson4

HTML/CSS

Webデザインで必ずと言っていいほど使用するプロパティの一つであるbackgroundプロパティ。
Lesson4-4でも少し説明がありましたが、より詳しく知れるようにまとめてみました!

まず始めにbackgroundプロパティについて、要素の背景や画像を設定できるプロパティです。

【よく使用するbackgroundプロパティ一覧】


特に上から5つ目までは使用頻度が高いかと思います。
値もそれぞれありますので、調べながら使用してみてください!

※background-imageの注意点

background-imageは、要素の高さに応じて表示範囲が変わります!
高さが指定されていないと、パスは通っているのに背景画像が表示されない!という現象が起きてしまいますので、必ず高さの指定をしましょう!

他にもプロパティは存在しますので、気になった方は調べてみてください!

参考url

https://jajaaan.co.jp/web-production/frontend/css-background/

さかい

コメント(全0件)

人気の記事ランキング

【相対パスの通し方】ファイルや画像を読み込む方法


【本当に横並び?】floatプロパティについて


【ブラウザに表示されない?】PHPファイルのブラウザ表示方法


【何が原因?】PHPのエラーを理解しよう!


【PHP入門】GETとPOSTの違いについて


【表示切り替えができない?】タブ切り替えについて


【質問】制作データの持ち主を問わずリンクを機能させる方法