html - htmlとcssでメニューを作る

Question

次のようなメニューを作成したい：

アクティブなページとホバー後に赤い四角を表示したい。メニューは次によって作成されます。

<div id="menu">
    <ul>
    <li><a href="#"><span>Home</span><a></li>
    <li><a href="#"><span>About</span><a></li>
    <li><a href="#"><span>Contact</span><a></li>
    </ul>
</div>

これを2時間作成しようとしていますが、何もありません:(アドバイスをもらえますか?

Answer 1

これを行う簡単な方法は、アンカー タグ (または、その親の li 要素) が選択されたときにクラスを与えることです。

次に、赤いボックスを配置する li.selected と li:hover を対象とするルールを作成します。

HTMLとCSSを見ないと、これ以上具体的なことは言えません。