main の 内部 領域について
まず main の 内部 領域 の 色を #ffff00; 黄色にします。 次に其内部の leftmain を 背景の色 #ff00ff; （Magenta； Fuchsia ）で 表示 します。 次に其内部の .boxed 領域を 10px の 青 色で 表示 します これは border:5px solid #0000ff; の 表現の 様に 枠を 表示 します。 もうすこし 追加して rightarea の 色を background:#00ffff; Cyan に して おきます。
現在の ファイルは 1006top.html と 1006top.css です。
ここで 残りの 領域は まだ 有りますが 取り敢えず b4 の 領域 b5 の 領域 を 色分け してみましょう b4 の 領域 は background:#ff0000; 赤 で b5 の 領域 は background:#00ff00;Lime ということに しましょう。そうして 其周りの box を 枠 border:10px solid #ffffff; 白色 で 囲んで おきます、背景の 色は background:#ffebcd; BlanchedAlmond に しています。次は 残りの 領域です。
box border:10px solid #ffffff; background:#ffebcd;
ここは b4 の 領域です
ここが リンクに なっていますので 此処より 行って 下さい。
リンクしてますのでクリックしてください。
戻る時は UA ( ブラウザ ) の 戻るで おねがいしますだ。
ここは box b5 の エリアです。見ての とおり 文字数に より 下 の 方向に 縦方向の 長さが 変化 するため b4 と b5 の 縦方向の 長さは 同 一には なりません。
ここで 上部の box は 次の 内容 に リンク しています。
表紙に ついて 忘れないように メモを 残して 置く。
ここでは main 内部の 大まかな 部分を 色分けしています、 左の 部分に 記載
していますように main --> leftmain と rightarea が 大きく 存在 します
その中で leftmain--> boxed と box が あり ここでは 色分けしてませんが
boxed の 内部に roundbox があり box の 内部には b4 と b5 の 色分けされ
た 領域が 有ります 。 少し 考えると b1,b2.b3.b4 は 出て来ていませんが
存在します。roundbox も 含めて 見にくくなるので 此処では 色分け してい
ません 次の 所で 色分けして 行きます。又此処は rightarea の 領
域です。御存じの 方も多いと思いますが 横方向の 指定は かなり うまく 行
きますが 縦方向の 指定に 関しては 通常 制御は うまく 行きません テーブ
ル を 使用すると うまく 行くようですが にゃんたろうは 使いかたが わから
ないので 使用してません。ということで 残りの所を みてゆきます。
にゃんたろう 拝！