Web制作講座  backgroundプロパティの説明(動画あり)

Web制作講座について

こちらは、Web制作の基礎知識を学習して、具体的にレイアウトを組み始める段階の初心者をターゲットにした内容です。
HTML,CSSの文法の原理原則や、特にコーディングで行き詰まりそうな点を解説します。

今回の動画は特にbackgroundプロパティに絞って比較的簡単なレベルの説明をしています。

backgroundプロパティは通常の書き方とショートハンドの書き方があります。
どちらのパターンでも書けるように練習してください。

またbackground-imageの画像をブラウザの幅に応じて拡大縮小することが可能になるbackground-sizeプロパティがあります。
こちらは無理にショートハンドを使わずに、別途background-sizeプロパティを記述した方が間違いなく書けます。

参考ページ
BACKGROUND設定解説〜CSS2.1

BACKGROUND設定解説〜CSS3

背景画像の拡大縮小〜BACKGROUND-SIZE

ダウンロード

Background練習ファイル

background解答ファイル

Web入門一覧