教程，以創造一個美好的，簡單的，橫向的CSS菜單|

教程，以創造一個美好的，簡單的，橫向的CSS菜單

這是一個非常簡單的，橫向的CSS菜單。此教程幫助創建一個簡單的和有吸引力的CSS菜單酷懸停效果。

首先讓我們寫CSS代碼的菜單。這裡不用代碼..

  ＃資產淨值 
  （ 
 填充： 0 ; 
  ） 

  ＃淨值李 
  （ 
 顯示：內置 ; 
  ） 

  ＃淨值李一 
  （ 
  font - family的：字體 ; 
 字體大小： 12px ; 
  ; 文字修飾 ： 無 ; 
 浮動：左 ; 
 填充： 10px ; 
  ; 背景顏色 ： ＃ 333333 ; 
  ; 顏色 ： ＃ ffffff ; 
 邊境底： 1px ; 
  ; 邊境底顏色 ： ＃ 000000 ; 
 邊境自下而上風格：固體 ; 
  ） 

  ＃資產淨值李答：懸停 
  （ 
  ; 背景顏色 ： ＃ 9B1C26 ; 
 填充底： 12px ; 
 邊境底： 2px ; 
  ; 邊境底顏色 ： ＃ 000000 ; 
 邊境自下而上風格：固體 ; 
 保證金： - 1px ; 
  ） 

其次，讓我們寫的HTML列表菜單。說我們有7個環節，顯示圖像，這裡不用代碼..


  > <ul 編號 = "nav" “ 
  > Home </a> </li> <li>的<a href = "#" “ ”首頁< / a “ ” /李“ 
  > About </a> </li> <li>的<a href = "#" “關於” / 1 “ ” /李“ 
  > Services </a> </li> <li>的<a href = "#" “服務” / 1 “ ” /李“ 
  > Products </a> </li> <li>的<a href = "#" “產品” / 1 “ ” /李“ 
  > Sitemap </a> </li> <li>的<a href = "#" “網站” / 1 “ ” /李“ 
  > Help </a> </li> <li>的<a href = "#" “說明” < / a “ ” /李“ 
  > Contact Us </a> </li> <li>的<a href = "#" “聯繫我們” / 1 “ ” /李“ 
  “ / UL認證”