個人の習熟度に合わせたレッスンで確実に上達。川越市霞ヶ関北、築和工房

カスタマイズの目次

1. cssで利用されている「色」について調べました。（step1〜step3）
2. 領域を調べてみました。

ページ構成のエリア

ブログページで、レイアウトを構成している領域は4つ。

1. トップエリア（赤い波線で囲んだ部分）
2. 本文エリア　（ピンクの波線で囲んだ部分）
3. サイドエリア（オレンジ波線で囲んだ部分）
4. フッターエリア

構成している領域を区分けしました。

領域を規定する　id名　

ブログの表示ページのソースから id名 を探ってみることにしました。

<header id="blog-header">	トップエリア
<div id="content">	本文
<div id="main">	本文内
<div id="main-inner">	本文記事
#sidebar	サイド
<footer id="blog-footer">	フッター

こちらのidにborderをcss内に記述することにします。

領域の背景色を規定して領域を特定

スタイルシートは以下の通りにしました。

以上がスタイルシートです。

こちらがスタイルシートを設定した見本です。→[ Click ]

---