背景画像の変更

ページプロパティボタンから背景画像を設定することもできます。背景画像を設定すると背景画像と背景色が重なったところでは背景画像が優先して表示されます。HTMLでもCSSでも設定可能ですがCSSの方が優先されます。なお、繰り返しオプションはCSSでしか設定できません。

外観(HTML)で設定

まずは外観(HTML)で設定してみます。プロパティインスペクタ下段のページプロパティボタンを押します。カテゴリで外観(HTML)を選択します。背景イメージを参照ボタンを押して選びます。適用ボタンを押すと画面にイメージが縦方向にも横方向にも敷き詰められます。

外観(CSS)で設定

ページプロパティボタンを押してカテゴリで外観(CSS)を選択します。背景イメージを設定します。適用ボタンを押すとHTMLより優先されて背景イメージが敷き詰められます。CSSでは繰り返し方向を設定することもできます。no-repeatにすると画面左上に一つだけ表示されます。repeat-xにすると横方向に繰り返されます。repeat-yにすると縦方向、repeatにすると縦にも横にも繰り返されます。デフォルトはrepeatです。

設定してもうまく反映されないとき

CSSとHTMLで両方とも設定したり設定を取り消したりしているうちに切り替わらなくなってきたときはコードを見て、いらないコードを削除すると変更が反映されるようになることがあります。

広告