Webページのナビゲーションバーにul
リストがあり、次のように書かれています。
<ul id="nav">
<li><a href="index.htm" title="Home">Home</a></li>
<li><a href="project.htm" title="Project">Project</a></li>
<li><a href="sample.htm" title="Sample">Sample</a></li>
</ul>
リストの上にマウスを置くul
と、アイテムの色が変わります。
ul#nav li a:link,ul#nav li a:visited {color:#333333;text-decoration:none;}
ul#nav li a:hover,ul#nav li a:active {color:#a61607;text-decoration:none;}
ただし、ユーザーが要素にカーソルを合わせたときに表示されるグラフィカルメニューがありますsample
。メニューは次のようなものです(矢印の1つの画像と3つのハイパーリンク)。
hyperlink 1
Arrow image /_ hyperlink 2
\ hyperlink 3
リスト内のsample
項目にカーソルを合わせると、この矢印画像とハイパーリンクをメニュー形式で表示するにはどうすればよいですか?ul