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

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

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