css - CSS ホバー カラー エッジまで

Question

メイン ナビゲーションの「ホーム」と「ブログ」の部分をホバー カラーで最後まで拡張するために必要なことを手伝ってもらえますか? つまり、ホバーの色にカーソルを合わせると、ナビゲーションのホーム セクションとブログ セクションの左と右にそれぞれ濃い茶色の領域がまだ少しあります。

www.utahshutters.com

Answer 1

ナビゲーションバーのリストアイテムを全幅で合計するには、各Liに個別の幅を指定して合計を合計する必要があります。

'a'タグは、各LIの幅に拡張するためにdisplay：blockにすることができます。

ナビゲーションバー（UL）の幅は960ピクセルであるか、幅がない必要があります。

それが理にかなっていることを願っています。

Answer 2

css を次から変更します。

    #nav ul{
       width: 950px;
       padding: 0 0 0 10px;
    }

    #nav li a{
      padding 13px 17px 12px 15px;}

    }

これに

    #nav ul{
       //width removed
       padding: 0 0 0 0;
    }

    #nav li a{
      padding 13px 17px 12px 16px;

    }