本篇文章為大家展示了怎么做html下拉菜單，代碼簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：域名注冊、虛擬主機、營銷軟件、網(wǎng)站建設(shè)、慶元網(wǎng)站維護、網(wǎng)站推廣。

二級菜單其實并不難，一般情況下都是使用li標簽和ul標簽配合使用，第一步首先我們要先把html的結(jié)構(gòu)寫出來，包含頭部和主體部分，然后我們在li標簽里放一個ul標簽，并在li標簽內(nèi)放入我們要跳轉(zhuǎn)的鏈接和要顯示的字體，如下所示：

以上效果是一個簡單的效果圖，但是我們想要的二級菜單相差還是很大的。

下面我們給二級菜單一個樣式，把二級菜單之前的菜單之間的margin和padding設(shè)置為0。代碼如下：

其次就是設(shè)置一下選擇器的順序，div>ul>li，這時候我們就把不需要的li全部向左浮動。只要我們設(shè)置了浮動，就快完成二級菜單的制作了。

div>ul>li{float:left;}

接下來我們要把li的中小圓點去除，去掉小圓點我們可以使用list-style-type：none進行設(shè)置，并且給設(shè)置一個高度和背景顏色。

最后一步就是把下面的菜單設(shè)置成隱藏，display：none;代碼如下：

li{    
      list-style-type:none;    
      width: 208px;    
      height: 5epx;    
      text-align: center    
      Line-height:50px;    
      background:lightblue;}

上述內(nèi)容就是怎么做html下拉菜單，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道。

網(wǎng)頁題目：怎么做html下拉菜單-創(chuàng)新互聯(lián)
網(wǎng)站鏈接：http://weahome.cn/article/ddicdi.html