3將title修改為htmlcss，實(shí)現(xiàn)橫向?qū)Ш?創(chuàng)建一個(gè)新的divid“A”并添加ulli標(biāo)簽5在li中添加所需的文本，并調(diào)整文本間距按F12預(yù)覽，如下圖所示6首先去掉字體前面的小黑點(diǎn)代碼如下7預(yù)覽，如圖所示8接下。

一，這要用到float浮動(dòng)屬性二，floatleft代表想做浮動(dòng)，也就是橫向排列是向左邊排列四，代碼如下 dw如何制作橫向?qū)Ш綏l設(shè)置css，浮動(dòng)，定位，或者設(shè)置display為行內(nèi)元素，當(dāng)然，寬度一定要夠用。

所有代碼 ！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。

用表格布局很簡(jiǎn)單，1行多列就好了，控制好高度用css的話我一般會(huì)使用ulli 首頁(yè) 資料下載 給li添加“floatleft displayinline”屬性，至于表現(xiàn)形式怎么樣就是你設(shè)計(jì)的問(wèn)題了。

第一步編寫(xiě)橫向菜單的HTML代碼架構(gòu)請(qǐng)將以下代碼添加到HTML文檔的導(dǎo)航欄區(qū)域中標(biāo)簽范圍中#menufont12pxverdana，arial，sansserif*設(shè)置文字大小和字體樣式*#menu，#menulilist。

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

html 橫向?qū)Ш綑谝话阌脙煞N方法來(lái)制作第一種，我們使用塊狀結(jié)構(gòu)結(jié)合行內(nèi)結(jié)構(gòu)來(lái)制作第二種，我們使用#8203float#8203屬性來(lái)制作由于第一種比較常用，一下就以第一種方式來(lái)介紹首先大家要明確一下塊狀元素與行內(nèi)。