| style | 説明 |
|---|---|
.mnav {
border : 3px;
font-size:12px;
text-transform:capitalize;
font-weight:bold;
width:100%;
/* */
background:#ddd;
}
.mnav A:LINK{
text-decoration:none;
display:block;
padding : 4px 5px 4px 20px;
margin-bottom:1px;
/*border-style:solid;*/
/*border-width:1px 0;*/
/* */
border-color:#FFF;
color:#0a7acd
;}
|
.mnav メニューナビゲータークラス capitalize で先頭を大文字にする。 強調文字 テーブルの幅 いっぱい 背景色 #ddd テキスト飾りなし IE の下線の表示を無くする。 要素の後ろに改行を入れる 上 4px 右 6px 下 4px 左 20px 底とのマージン 1px 白色 前面色 |
<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>
|