导航栏标签可以直接在H5使用2然后打开indexhtml文件，输入以下代码3首先第一个方法就是使用displayinlineblock将ul标签设置成行内块级元素然后将li标签设置为左浮动即可4第二种方法就是就是将p设置为displayta。

然后设置导航条的li左浮动，并且去掉li前面的圆点，让导航条更好看然后设置导航条的a标签转块级，以及导航条菜单的宽高，文字颜色，水平垂直居中和背景色以及去掉a标签的下划线接着设置鼠标经过导航条菜单变色即可最后。

6接下来，使文字横向排列，设置代码如下，给li设置左浮动效果7按F12预览，效果如下。

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

dw如何制作横向导航条设置css，浮动，定位，或者设置display为行内元素，当然，宽度一定要够用CSShtml5如何做到点击导航栏切换页面导航栏下面放一个Div，专门用来显示对应导航栏目的内容点击导航栏触发点击事件，在事件。

首先，登录您的WordPress管理后台，依次进入Appearance外观 – Menus菜单或叫做导航菜单模块，进入导航菜单设置页面如果之前没有使用或者没有设置过菜单的话，需要点击右侧上方的“+”按钮，添加新的 Menu Name菜单。