水平ナビゲーション メニューを作成しようとしています。メニューは全画面幅である必要があり、境界線も幅全体に表示されます。メニューの下に約 15px の余白が必要で、メニューの背景色を使用する以外は、多かれ少なかれこれを達成しました。また、アイテムがホバーされている場合、それが理にかなっている場合は、ホバーの色も境界線の下に拡張する必要があります。
これまでの私のメニューのフィドルです - http://jsfiddle.net/J74eE/2/
Tried to insert my code here but the li items got converted to bullets
コンテナ ナビゲーションの下に余白を設定しましたが、余白領域にも境界線の色を使用したいと考えています。また、どういうわけか、li アイテムのホバー色を境界線の下にも拡張したいと考えていますが、これがどのように達成されるのかわかりません。li アイテムにマージンとボーダーを配置すると、ボーダーが画面の全幅に収まりません。
アップデート
私が達成したいもののモックアップを含めるように私のフィドルを更新しました - http://jsfiddle.net/J74eE/3/
境界線の下部を押し下げるため、パディングを使用できません。その下に背景色の境界線が必要です。