如何獲得此樣式的CSS菜單，就像我需要它？

Question

這是我的網站：http://solarsource.net/new/

將鼠標懸停在主導航欄上可查看相關菜單。

關於我們菜單幾乎完美。我唯一需要解決的就是將垂直線延伸到頂部和底部。

在新聞菜單上，我們需要將垂直線一直延伸到頂部和底部。另外，藍色突出顯示需要擴展盒子的整個高度/寬度。

在產品/服務菜單上，垂直線也需要是菜單的整個高度。此外，藍色懸停背景需要擴展內部的全部寬度，「標題」需要加粗（對於家庭，商業&政府，教育）。

這是wordpress，所以如果需要的話，我可以在菜單中添加一個特殊的類，但修正需要足夠通用，以便我們可以添加新項目而不會導致某些內容被打破。

任何幫助將不勝感激。

Answer 1

使用負邊距，然後增加填充以用虛線邊框補償li類。

padding: 10px 8px; 
margin: -10px 0px -10px 0px!important;