| CSSを使って簡単ホームページ作成４（レイアウト編） | |
 |
まずは画面を見てください。 表示させる位置を細かく設定出来るのですが… 説明が難しいです。 とりあえずやってみましょう。 操作している内に慣れてくると思います。 |
 |
図のように５種類の設定項目があります。 マージン 開ける間隔 ボーダー 線の太さ カラー 線の色 スタイル 線の種類 パディング 文字までの距離 こんな感じです。 すこし実行しましょう。 |
 |
上方向に30ピクセルのマージンを作ります。 わかりやすくする為に色を変更してます。 おめでとう
このページの行間が30ピクセルです。上部が少し大きく開いています。 少し見づらいですか…。 |
 |
ボーダーを左のように設定しました。 おめでとう
こんな感じになります。各方向にこれを設定出来ます。 次はパディングを設定します。 |
 |
左のように設定しました。 おめでとう
こういう感じになります。これを上下四方向に設定してレイアウト出来ます。 凄く細かくレイアウト可能なのがわかると思います。 |
 |
こんな感じで設定してみました。 おめでとう
文字色と背景は変更してあります。何となくわかりました？ 使ってる内に慣れてくると思います。 次はリストですね。 |
| HOME BACK NEXT | |
| パソコン初心者講座ぱそおーる | |