1、最好是用JS做，但是非要用CSS呢，也可以如下是我以前寫的一個(gè)CSS下拉，你可以參考一下 *margin0padding0ul，liliststyletypepadding0margin0#nav li adisplayblockwidth100pxtext。

2、1，制作web網(wǎng)頁(yè)的原理是html代碼保存為web表格格式，可以以html形式替換css屬性信息，這類html代碼非常簡(jiǎn)單便捷，可用于網(wǎng)頁(yè)表單列表文本框表單按鈕和動(dòng)作控件等，使得編輯和實(shí)現(xiàn)自然地連接起來(lái)如果你的網(wǎng)頁(yè)有超過(guò)三。

3、如圖所示，二級(jí)下拉菜單一般都是這樣來(lái)制作的，就是在li標(biāo)簽里面再放一個(gè)ul標(biāo)簽然后就會(huì)有這樣的效果了，不過(guò)距離二級(jí)菜單有點(diǎn)差距接著我們先把二級(jí)下拉菜單之間的margin和padding值去掉然后設(shè)置divulli，需要注意的是。

4、1編寫帶有div導(dǎo)航的html代碼2使用class=“nav”屬性的‘div’標(biāo)簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個(gè)簡(jiǎn)單的無(wú)序列表ul來(lái)表示主菜單項(xiàng)3在主菜單區(qū)域中添加鏈接在本步驟中，在無(wú)序列表。

5、select #160！ 下拉菜單選項(xiàng)將在這里添加 select 2在select標(biāo)簽之間，添加option標(biāo)簽來(lái)定義每個(gè)選項(xiàng)select #160option value=quotoption1quot選項(xiàng)1option #160option value=quotoption2quot選項(xiàng)2option。

6、如圖，制作導(dǎo)航條菜單一般是用一個(gè)div嵌套u(yù)l和li標(biāo)簽，然后li里面有a標(biāo)簽布局做好之后，開(kāi)始寫導(dǎo)航條的樣式，如圖，先清除導(dǎo)航條的margin和padding然后定位導(dǎo)航條的div，這里我就用絕對(duì)定位來(lái)居中，如果你有其他導(dǎo)航條居中。

7、html怎么制作導(dǎo)航下拉菜單圖標(biāo)如何設(shè)計(jì)隨著網(wǎng)絡(luò)技術(shù)的進(jìn)一步發(fā)展以及網(wǎng)站功能越來(lái)越復(fù)雜，對(duì)網(wǎng)站設(shè)計(jì)者以及網(wǎng)站制作者們提出了越來(lái)越大的挑戰(zhàn)和要求，為了設(shè)計(jì)出出彩的網(wǎng)站，必須掌握html制作軟件的使用下面，我們就一起來(lái)了解一。

8、position relativezindex如果子元素沒(méi)有定位這個(gè)值可以是大于零的數(shù)字，如果子元素有定位，就發(fā)育子元素的zindex。

9、一外部文件方式 外部文件方式即將CSS寫成一個(gè)文件的方式，在HTML文檔頭通過(guò)文件引用來(lái)進(jìn)行風(fēng)格控制CSS文件可在DreamWeaver的Window菜單下的styles選項(xiàng)或在FrontPage Editor98中Format菜單下StyleSheet菜單項(xiàng)來(lái)創(chuàng)建，相對(duì)說(shuō)來(lái)，在。

10、一般WEB開(kāi)發(fā)把頁(yè)面分成3個(gè)模塊headertpl contenttpl footertplhead和footer一般都是固定不變的，唯一變化的部分是content你說(shuō)的菜單應(yīng)該是header部分的導(dǎo)航部分例如主頁(yè)的代碼可以這樣寫lthtml ltheadlthead lt。

11、1在HTML中將圖片和下拉框放在同一個(gè)父元素下，例如一個(gè)div元素2在CSS中給該父元素設(shè)置一個(gè)相對(duì)定位positionrelative，以便讓內(nèi)部元素可以相對(duì)于該父元素進(jìn)行定位3給下拉框的CSS添加positionabsolute和z。

12、我把你的折疊效果發(fā)布到網(wǎng)站上了，請(qǐng)看解決方法02_103html。

13、1創(chuàng)建CSS菜單的HTML代碼框架我們使用class=“nav”屬性的‘div’標(biāo)簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個(gè)簡(jiǎn)單的無(wú)序列表ul來(lái)表示主菜單項(xiàng)2在主菜單區(qū)域中添加鏈接在本步驟中，在無(wú)序列表。

14、1首先打開(kāi)電腦上的可編輯網(wǎng)頁(yè)的軟件，新建一個(gè)html頁(yè)面，然后將其保存在桌面上這里使用的是DW2接下來(lái)在body里面添加DIV標(biāo)簽，并在其內(nèi)使用ul無(wú)序列表和li標(biāo)簽制作一個(gè)一級(jí)菜單欄，代碼如圖片所示3因?yàn)椴藛螜谝话恪?/p>

15、首先需要打開(kāi)自己電腦上的DW軟件，新建一個(gè)html頁(yè)面，然后將其保存在桌面上接下來(lái)我們需要在body里面添加DIV標(biāo)簽，并在其內(nèi)使用ul無(wú)序列表和li標(biāo)簽制作一個(gè)一級(jí)菜單欄，代碼和瀏覽器的效果如下面兩張圖片所示因?yàn)椴藛螜凇?/p>

16、您要的效果應(yīng)該是下面這樣的示例代碼如下lt！DOCTYPE HTMLlthtmllthead ltmeta。

17、1首先我們打開(kāi)html開(kāi)發(fā)工具，新建一個(gè)html代碼頁(yè)面2在html代碼頁(yè)面上創(chuàng)建一個(gè)select下拉菜單3保存html代碼頁(yè)面，使用瀏覽器打開(kāi)，這個(gè)時(shí)候我們發(fā)現(xiàn)select下拉菜單是可以點(diǎn)擊修改的4回到html代碼頁(yè)面，在select標(biāo)簽上。

18、這個(gè)說(shuō)來(lái)話來(lái)，但只要你知道原理就很簡(jiǎn)單了，做得好不好看是樣式的問(wèn)題了請(qǐng)看如下調(diào)用jquery的j顯示子菜單的代碼quot#menu_2quothoverfunction quotsub_menu_2quotshow，function *這里就是out。