導航欄標簽可以直接在H5使用2然后打開indexhtml文件，輸入以下代碼3首先第一個方法就是使用displayinlineblock將ul標簽設(shè)置成行內(nèi)塊級元素然后將li標簽設(shè)置為左浮動即可4第二種方法就是就是將p設(shè)置為displayta。

然后設(shè)置導航條的li左浮動，并且去掉li前面的圓點，讓導航條更好看然后設(shè)置導航條的a標簽轉(zhuǎn)塊級，以及導航條菜單的寬高，文字顏色，水平垂直居中和背景色以及去掉a標簽的下劃線接著設(shè)置鼠標經(jīng)過導航條菜單變色即可最后。

6接下來，使文字橫向排列，設(shè)置代碼如下，給li設(shè)置左浮動效果7按F12預(yù)覽，效果如下。

u1 floatleftbackgroundcolorrgba180，180，180，06 li width84pxliststyletypefloatleftfontsize20pxfontweightbold style1 backgroundcolorBlue style2back。

dw如何制作橫向?qū)Ш綏l設(shè)置css，浮動，定位，或者設(shè)置display為行內(nèi)元素，當然，寬度一定要夠用CSShtml5如何做到點擊導航欄切換頁面導航欄下面放一個Div，專門用來顯示對應(yīng)導航欄目的內(nèi)容點擊導航欄觸發(fā)點擊事件，在事件。

首先，登錄您的WordPress管理后臺，依次進入Appearance外觀 – Menus菜單或叫做導航菜單模塊，進入導航菜單設(shè)置頁面如果之前沒有使用或者沒有設(shè)置過菜單的話，需要點擊右側(cè)上方的“+”按鈕，添加新的 Menu Name菜單。