× 無料のユーザー登録をすると学習状況を管理することができるようになります

#09 背景を設定しよう

さて、基本的なレイアウトはできたのですが、背景画像などを付けてちょっと格好良くしてみたいと思います。
まずは背景画像ですが、文書全体に付けたいので、ざっくり「html { … }」に付けてしまいましょう。

背景の画像、#containerのスタイルを作りこんでいきます。

  • 背景画像の設定
  • #containerのスタイル作成
  • font-familyの設定
2015年9月2日
動画中(1:13〜)の説明ですが、CSSでheight: 100%を使うには親要素の高さも考慮しなくてはいけないため、さまざま要素にheightプロパティを設定する必要があります。
このあたりの手順の詳細については以下のサイトでも解説されておりますので参考にしてみてください。

・CSSで高さ(height)100%のボックス要素を作る方法 | BlackFlag
http://black-flag.net/css/20110621-3232.html
2015年9月2日
こちらで利用している背景画像ですが以下のURLで表示したあとに保存するなどしてご利用ください。
http://dotinstall.com/img/grey.png

このレッスンの問題を報告する

この動画に関する、よくある質問はまだありません。

プレミアム会員(月額980円)になると、全レッスンの素材ファイルをダウンロードできます。

詳しい説明を読む

プレミアム会員(月額980円)になると、全レッスンのソースコードを見られるようになります。

詳しい説明を読む

このレッスンの問題を報告する

プレミアム会員(月額980円)になると、全レッスンのデモを見られるようになります。

詳しい説明を読む
先生に質問してみよう (試験運用中)