请问HTML中导航栏的二级子菜单横向排列，如何实现，本来是列排列的，网址请发代码！ #xE768 我来答 1个回答 #热议# 孩子之间打架 父母要不要干预？a2 20161017 · TA获得超过1258个赞 知道小有建树答主 回答量；下面介绍HTML的导航栏设置 希望能帮助到大家 方法步骤 1使用ul列表设置导航栏 2设置nav元素CSS样式宽度高度背景颜色 3将li元素内容移动 4去除下划线 5内容居中 速卖通的导航条怎么制作引入css样式表，新建一个id为；1将原先的纵向布局改为横向布局，可以使用HTML的ul和li标签实现2将原先纵向导航栏的样式修改为横向导航栏的样式需要设置ul和li标签的display属性为inlineblock，同时修改li标签的padding和margin属性，使菜单之间的间距；第一步编写横向菜单的HTML代码架构请将以下代码添加到HTML文档的导航栏区域中标签范围中#menufont12pxverdana，arial，sansserif*设置文字大小和字体样式*#menu，#menulilist；dw如何制作横向导航条设置css，浮动，定位，或者设置display为行内元素，当然，宽度一定要够用CSShtml5如何做到点击导航栏切换页面导航栏下面放一个Div，专门用来显示对应导航栏目的内容点击导航栏触发点击事件，在事件；然后设置导航条的li左浮动，并且去掉li前面的圆点，让导航条更好看然后设置导航条的a标签转块级，以及导航条菜单的宽高，文字颜色，水平垂直居中和背景色以及去掉a标签的下划线接着设置鼠标经过导航条菜单变色即可最后。

html 横向导航栏一般用两种方法来制作第一种，我们使用块状结构结合行内结构来制作第二种，我们使用#8203float#8203属性来制作由于第一种比较常用，一下就以第一种方式来介绍首先大家要明确一下块状元素与行内；lthtml lthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth，minimumscale=1，initialscale=1quot lttitle竖排菜单lttitle ltstyle margin0padding0 liliststyle。

lt！DOCTYPE htmllthtml xmlns=quot lthead ltmeta；制作html页面，导航菜单是必不可少的，那如何制作横向导航菜单呢思路创建ul标签，然后在ul标签里面创建li标签，最后设置li标签为浮动新建html页面 打开html编辑软件，新建一个html页面如图添加导航标签 在body标签里新。

这个不太好实现标签的伪类focus可以很好的实现这种效果，但是在IE6下只支持a的伪类hoveractivevisitedlink其他的标签在IE6下都没有伪类所以建议用js，如果是闲来无事可以试一下；把html文件保存后，使用浏览器打开即可看到横向导航菜单效果如图1a标签既可以当作链接符号来用，本身也是行内标签的一种，直接用a标签输入文字，可以直接在横排显示2可以做出如图所示效果，横排显示的导航3如果；导航栏基本都是横排竖排列的，看到的大部分都是横排排列的，每个人都有自己的方法做出好看的导航排列，方法有很多种，选择自己快速的方法即可1横排无非是本身标签是行内标签或者将块状标签添加浮动效果，然后变成横排排列。

需要写css，让li浮动或者是变成内联元素，写在stylecss里面第一种写法lidisplayinlineblock 第二种写法lifloatleft；html做导航栏步骤如下1用Dreamweaver新建一个HTML文件2按ctrl+s先保存，以防突然断电数据丢失3修改title为html+css实现横向导航4新建一个divid为“a”，添加ulli标签5在li中添加自己想要的文字并调整。