一定義一個盒子“menu”，用來裝這個導航的二用無序列表ul中的列l(wèi)i放導航的內(nèi)容三把li的浮動float設(shè)置為向左浮動floatleft，這樣，就實現(xiàn)了水平導航條了四在做其他的一些修飾下面我給我弄的一個簡單的導航條給你理解lt！DOCTYPE html PUBLIC quotW3C。

如何設(shè)置html導航欄1用Dreamweaver創(chuàng)建一個新的HTML文件2先按ctrls保存，以防突然斷電，數(shù)據(jù)丟失3將title修改為htmlcss，實現(xiàn)橫向?qū)Ш?創(chuàng)建一個新的divid“A”并添加ulli標簽5在li中添加所需的文本，并調(diào)整文本間距按F12預覽，如下圖所示6首先去掉字體前面的小黑點代碼如下7。

第一步，打開軟件Adobe Dreamweave CS6，創(chuàng)建一個新的HTML第二步，在工作區(qū)域body用標簽 ul 和 li 輸入導航的內(nèi)容第三，編輯樣式CSS在標簽ltheadlthead之間寫入樣式表，第四，緊接上一步由于無線序列具有默認樣式，前面的圓點，所以先寫去除默認樣式的樣式樣式為ul，li。

所有代碼 ！DOCTYPE html html head meta charset=#34UTF8#34 title橫向?qū)Ш讲藛蝨itle style type=#34textcss#34 nav li backgroundcolor red padding 8px 15px float left liststyle color#fff style head body ul class=#34nav#34 li。

可以用CSS可以做到但是CSS3在IE9以下的瀏覽器支持不好我寫個例子，先看效果火狐下代碼lt！DOCTYPE htmllthtmllthead ltmeta charset=quotutf8quot ltlink href=quotxxxappletouchiconpngquot rel=quotappletouchiconprecomposedquot lttitleCSS3 多邊形lttitleltheadltbo。