ブロックＡ
ブロックＢ


メニューナビゲーター
　　　　　
お勉強会へ戻る
　
e-mailはこちら


























ブロックC
style 説明 
.mnav {
       border : 3px;
       font-size:12px;
       text-transform:capitalize;
       font-weight:bold;
       width:100%;
       /* */
       background:#ddd;
}
.mnav A:Hover {
     padding-left : 20px;
     background:#fff;
     background-image : url('images/redball.gif');
     background-repeat : no-repeat;
     background-position :5px; 
     color:#FF8000;
     }
 
.mnav メニューナビゲータークラス　　　


 capitalize で先頭を大文字にする。
 強調文字
 テーブルの幅　いっぱい

 背景色 #ddd




 赤丸
　繰り返さない
　位置 5 ピクセル
ここからhtmlの表示 
<TABLE class="mnav" width="100%">
  <CAPTION>メニューナビゲーター</CAPTION>
  <TBODY>
    <TR>
      <TD ><DIV><A href="dan_01.html">基本</A></DIV>
           <DIV><A href="dan_02.html">スタイルを適当に設定</A></DIV>
           <DIV><A href="dan_02-1.html">div のクラス</A></DIV>
           <DIV><A href="dan_03.html">配置を設定してみる。</A></DIV>
           ：
           途中省略
           ：
      </TD>
    </TR>
  </TBODY>
</TABLE>