| style | 説明 |
|---|---|
.mnav {
border : 3px;
font-size:12px;
text-transform:capitalize;
font-weight:bold;
width:100%;
/* */
background:#ddd;
}
.mnav A:VISITED{
text-decoration:none;
padding : 4px 5px 4px 20px;
margin-bottom:1px;
display:block;
background :#e9e9e9;
background-image: url('images/redball.gif');
background-repeat : no-repeat; /*30px;*/
background-position :5px;
color:#990033; /*#70a7acd;*/
}
|
.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>
|