<p class="sycode"> <style>#menu { <br> width:8em; <br> パディング:0.5em; <br> 背景:#ccc; <br> マージン:0 自動; <br> } <br>#menu a, #menu a:visited { <br> display:block; <br> 幅:7em; <br> パディング:0.25em 0; <br> カラー:#000; <br> text-indent:0.2em; <br> 背景色:#fff; <br> テキスト装飾:なし; <br> マージン:0.5em 0; <br> border-left:0.5em ソリッド #9ab; <br> } <br>#menu a:visited span { <br> display:block; <br> 位置:絶対; <br> トップ:0; <br> 左:10分; <br> 幅:5em; <br> font-size:0.9em; <br> 色:#c00; <br> border:1px ソリッド #c00; <br> } <br>#menu スパン { <br> 表示:なし; <br> } <br>#menu a:hover { <br> color:#f00; <br> border-left:0.5em ソリッド #000; <br> } <br>.box { <br> 位置:相対; <br> } <br></style> <br><div id="メニュー"> <br> <div class="box"> <br> <a href="menuone.html"> <br> メニュー 1 <br> <span> <br> 訪問しました <br> </span> <br> </a> <br> </div> <br> <div class="box"> <br> <a href="menutwo.html"> <br> メニュー 2 <br> <span> <br> 訪問しました <br> </span> <br> </a> <br> </div> <br> <div class="box"> <br> <a href="menuthree.html"> <br> メニュー 3 <br> <span> <br> 訪問しました <br> </span> <br> </a> <br> </div> <br> <div class="box"> <br> <a href="menufour.html"> <br> メニュー 4 <br> <span> <br> 訪問しました <br> </span> <br> </a> <br> </div> <br> <div class="box"> <br> <a href="menufive.html"> <br> メニュー 5 <br> <span> <br> 訪問しました <br> </span> <br> </a> <br> </div> <br></div> <br> </p>