border border這是一個class類，然后再結(jié)合js去實現(xiàn)；在HTML5頁面中，經(jīng)常使用ltnav標簽來充當(dāng)導(dǎo)航的結(jié)構(gòu)化標簽ltnav標簽用于定義頁面的導(dǎo)航部分，通常包含導(dǎo)航鏈接或?qū)Ш讲藛嗡峁┝艘环N語義化的方式來標記頁面的導(dǎo)航內(nèi)容，使得搜索引擎和輔助技術(shù)能夠更好地理解和處理導(dǎo)航。

先把導(dǎo)航條做出來，然后在每個想有下拉列表的欄目下，畫出來下拉的選項，格式一般為 ltdivltulltlilta1ltaltliltlilta2ltaltliltulltdiv，然后調(diào)好樣式并將div的style設(shè)置，display= 然后獲?。?用Dreamweaver新建一個HTML文件2修改title為html+css實現(xiàn)橫向?qū)Ш?新建一個div id為“a”，添加ul li標簽4在li中添加自己想要的文字 并調(diào)整好文字間距，按F12預(yù)覽5首先去掉字體前面的小黑點6接。

2olli有序列表在網(wǎng)頁中顯示的默認樣式一般為每項 li 前都自帶一個序號，序號默認從1開始其實導(dǎo)航欄就是給列表標簽設(shè)置CSS樣式 第一步 在HTML上的文件里加上ulli 標簽，在對應(yīng)的CSS文件中使用下邊語句去掉。

html導(dǎo)航怎么做出來的

1、設(shè)置導(dǎo)航條的寬和高，網(wǎng)站圖標靠左，其他鏈接靠右用css+html，布局差不多就是下面這樣lthtml lthead ltstyle bodybackground#777 header width100%*全屏寬* height40px*40像素高* background#fff。

2、1打開網(wǎng)站后臺 2找到欄目設(shè)置，不同的程序位置有所不同，3進入欄目設(shè)置，吧設(shè)計好的欄目導(dǎo)航詞條 按順序填寫，排序越小也靠前 4填寫完畢，一定要保存，然后生成一下，有的程序不需要生成，偽靜態(tài)的也不需要生成5切換到。

3、1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標簽中，輸入html代碼ltdiv style=quotposition fixed top 0right0quot導(dǎo)航ltdiv3瀏覽器運行indexhtml頁面，此時div標簽。

4、接下來我們在html的body結(jié)構(gòu)里添加導(dǎo)航條的內(nèi)容，如下圖所示 然后就需要在style標簽中用CSS對導(dǎo)航條的樣式進行定義了，如下圖所示，書寫樣式的時候一定要注意寫在style標簽里面 最后運行html頁面，你就會看到如下圖所示的導(dǎo)航。

5、1用Dreamweaver新建一個HTML文件2按ctrl+s先保存，以防突然斷電數(shù)據(jù)丟失3修改title為html+css實現(xiàn)橫向?qū)Ш?新建一個div id為“a”，添加ul li標簽5在li中添加自己想要的文字 并調(diào)整好文字間距，按F12預(yù)覽。

6、四張大圖和四張小圖分別用div和ul li 布好局，四張大圖分別加描點id=“xxx”，然后在四張對應(yīng)的小圖里，加上name=“xxx”，大圖小圖的id，name一定要對應(yīng)，點擊小圖，就會出現(xiàn)相應(yīng)的大圖了。

7、1打開Deamweaver8，新建一網(wǎng)頁文件接著輸入以下導(dǎo)航菜單的內(nèi)容lthtml xmlns=quot lthead ltmeta。

8、HTMLlt！DOCTYPE htmllthtmllthead ltmeta charset=#39utf8#39 ltstyle type=quottextcssquot html， body margin 0 padding 0 background #E6E6E6 nav liststyle。

html漂亮的導(dǎo)航菜單

href=quot#quotMenu nameltalttd lttdlta href=quot#quotMenu nameltalttd lttr lttable 4還可以用dt dl來寫~和ul li是一樣的道理~其實，任何元素都可以拿來寫導(dǎo)航~不過常用的還是上述的第1 2 兩種。

HTML5怎么把導(dǎo)航固定在底部的步驟如下css的定位樣式屬性來實現(xiàn)會用到css中的positionfixed屬性，結(jié)合來實現(xiàn)ltstylefootmenuwidth100%height60pxbackground#000positionfixedbottom0**距離底部為0。

HTML5讓導(dǎo)航欄固定頂部不動且不遮擋住下面的DIV方法如下1，首先在html中，添加良好的導(dǎo)航內(nèi)容2，后者是網(wǎng)頁的具體內(nèi)容，這里的代碼比較簡單3，在樣式中，首先在菜單中定義一些樣式4，此時，在運行頁面時，滾動條。