1、1首先打開(kāi)Deamweaver8，新建一網(wǎng)頁(yè)文件，接著輸入以下導(dǎo)航菜單的內(nèi)容2此時(shí)對(duì)應(yīng)效果如圖3接下來(lái)準(zhǔn)備相關(guān)的導(dǎo)航按鈕圖片可以事先利用PS制作好4然后將以下CSS代碼加入到ltheadlthead之間5網(wǎng)頁(yè)此時(shí)的效果；7然后我們將p添加floatleft浮動(dòng)效果就好了8這樣剛才的豎排導(dǎo)航就變成了橫排排列的導(dǎo)航頁(yè)了9很多時(shí)候我們做導(dǎo)航會(huì)用到無(wú)序列表ul或者有序列表ol來(lái)制作導(dǎo)航，做法和p也是一樣的，如圖建立ulli標(biāo)簽將li添加浮動(dòng)效；HTML5讓導(dǎo)航欄固定頂部不動(dòng)且不遮擋住下面的DIV方法如下1，首先在html中，添加良好的導(dǎo)航內(nèi)容2，后者是網(wǎng)頁(yè)的具體內(nèi)容，這里的代碼比較簡(jiǎn)單3，在樣式中，首先在菜單中定義一些樣式4，此時(shí)，在運(yùn)行頁(yè)面時(shí)，滾動(dòng)條；CSS導(dǎo)航菜單水平居中的方法1首先打開(kāi)我們的測(cè)試編輯工具如圖所示新建一個(gè)項(xiàng)目2然后打開(kāi)indexhtml文件，輸入以下代碼3首先第一個(gè)方法就是使用displayinlineblock將ul標(biāo)簽設(shè)置成行內(nèi)塊級(jí)元素然后將li標(biāo)簽設(shè)置為左。

2、導(dǎo)航欄標(biāo)簽可以直接在H5使用2然后打開(kāi)indexhtml文件，輸入以下代碼3首先第一個(gè)方法就是使用displayinlineblock將ul標(biāo)簽設(shè)置成行內(nèi)塊級(jí)元素然后將li標(biāo)簽設(shè)置為左浮動(dòng)即可4第二種方法就是就是將p設(shè)置為displayta；01首先打開(kāi)SublimeText軟件，新建一個(gè)html頁(yè)面，在html頁(yè)面中準(zhǔn)備好html結(jié)構(gòu)，如下圖所示02接下來(lái)，我們?cè)趆tml的body結(jié)構(gòu)中添加導(dǎo)航欄的內(nèi)容，如下圖所示03然后需要在style標(biāo)簽中用CSS定義導(dǎo)航條的樣式，如下圖所示寫(xiě)樣；代碼如下 也就是我的網(wǎng)站的導(dǎo)航欄你可以去看看 ltSTYLE type=textcss ** body fontsize12px textaligncenter margintop30px fontfamilyVerdana div，imgmargin0；1修改導(dǎo)航分類下面的背景色，代碼如下skinboxbd linkbackground#000000 修改導(dǎo)航分類下面的圖片，代碼如下skinboxbd linkbackgroundurl圖片鏈接 2修改整個(gè)導(dǎo)航的背景色 skinboxbd menu；先引入layui的樣式代碼，2創(chuàng)建html代碼，添加上layui的導(dǎo)航樣式，layuinav 3運(yùn)行頁(yè)面，我們就可以看到一個(gè)美觀的導(dǎo)航菜單了4現(xiàn)在的菜單右邊有很多空白的地方，我們可以添加樣式，為導(dǎo)航欄條目添加長(zhǎng)度，讓其布滿頁(yè)面先看；基本就是這么干的你闊以參考一下lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitletestlttitleltstyle type=quottextcssquotol，ul liststyle #mainmargin20px autowidth800pxheight。

3、豎狀導(dǎo)航通過(guò)修改“#tabwidth90px！importanttop90px left795pxtextindent 10 ”這些代碼中的“l(fā)eft795px”可以改變導(dǎo)航欄的位置，數(shù)值越大，導(dǎo)航欄越靠右tabwidth90px！importanttop90px left；html5 導(dǎo)航路線效果調(diào)用核心代碼ltscript type=quottextjavascriptquot 默認(rèn)地理位置設(shè)置為上海市浦東新區(qū)var x=12149，y=3171 windowonload = function ifnavigatorgeolocation navigat；HTML下拉菜單代碼用于創(chuàng)建在網(wǎng)頁(yè)中顯示的下拉菜單，使用戶能夠從預(yù)定義的選項(xiàng)列表中選擇一個(gè)選項(xiàng)下拉菜單通常用于表單導(dǎo)航欄和其他用戶交互界面的設(shè)計(jì)要編寫(xiě)HTML下拉菜單代碼，你可以按照以下步驟進(jìn)行1使用select標(biāo)簽來(lái)。

4、1在lta標(biāo)簽中添加兩個(gè)屬性，如下 lta href=quot class=quotselectedquot cn=quot服務(wù)quot en=quotServicesquot 然后再對(duì)a添加兩個(gè)事件，mouseover和mouseout，mouseover中將a標(biāo)簽當(dāng)中的文字替換成 c。

5、建議使用FF，Safari，舉個(gè)例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta。