在网站制作中，我们经常会用到横向导航条，既美观大方，又容易操作，但是怎么实现横向导航条效果呢，我们一起来看一下
工具/原料
新建一个记事本文档或者用Dreamweaver新建一个HTML文件
方法/步骤
1
用Dreamweaver新建一个HTML文件
3
修改title为html+css实现横向导航
4
新建一个div id为“a”，添加ul li标签
5
在li中添加自己想要的文字 并调整好文字间距,按F12预览，如下图所示
6
首先去掉字体前面的小黑点，代码如下：
7
预览，如图所示
8
接下来，使文字横向排列，设置代码如下，给li设置左浮动效果
9
按F12预览，效果如下
上一篇：用C语言写编写程序表白
下一篇：360安全卫士如何设置白名单