カテゴリを上に タブに色づけ HTML編 *チョット上級_e0070137_1631054.gif


前回のカテゴリーを上にCSS編  カテゴリを上にHTML編 タブに色づけCSS編 ができたら、タブに色づけのHTML。例文を使ってHTML欄を変更したいとおもいます。

【変更前】----------------------ここから-----------------
<div class="MENU"><li><a href="http://hanachanel.exblog.jp/"> トップ </a></li><li><A HREF=http://hanachanel.exblog.jp/i2>まず初めに</A></l><li><A HREF=http://hanachanel.exblog.jp/i5>作成開始</A></li><li><A HREF=http://hanachanel.exblog.jp/i3>壁紙関連</A></li><li><A HREF=http://hanachanel.exblog.jp/i4>タグを見る</A></li><dv>
------------------------------ここまで-------------------------

【変更後】----------------------ここから---------------------
<div class="MENU"><li class="red"><a href="http://hanachanel.exblog.jp/"> トップ </a></li><li class="blue"><A HREF=http://hanachanel.exblog.jp/i2>まず初めに</A></l><li class="brown"><A HREF=http://hanachanel.exblog.jp/i5>作成開始</A></li><li class="green"><A HREF=http://hanachanel.exblog.jp/i3>壁紙関連</A></li><li class="purple"><A HREF=http://hanachanel.exblog.jp/i4>タグを見る</A></li><dv>

--------------------------ここまで------------------------

<li の後ろにclass="ホニャララ" というのが追加されているのが見えますでしょうか。これが前回CSSに追加した斜線部分が影響しているのです。DIV.MENU li.red{・・・・・・となっていた部分のredがclassの後ろに来ているんです。一度じっくり見比べてみてください。ひょっとしてこの例文のスペル間違ってるかもしれませんが、CSSとHTMLが統一されていれば大丈夫です。私の英語力の無さはさておき・・・・・。