Dreamweaver新建一个HTML文件——修改title为html+css——新建一个div id为“a”——设置代码，给li设置左浮动效果。
具体步骤：
1、用Dreamweaver新建一个HTML文件
2、修改title为html+css实现横向导航
3、新建一个div id为“a”，添加ul li标签
4、在li中添加自己想要的文字 并调整好文字间距,按F12预览，如下图所示
5、首先去掉字体前面的小黑点，代码如下：
6、接下来，使文字横向排列，设置代码如下，给li设置左浮动效果
7、按F12预览，效果如下
<style type="text/css">.topright { font:normal 14px/25px '宋体'} .topright ul { list-style-type:nonepadding:0pxmargin:0px} .topright ul li { float:leftmargin:0 5px} .topright ul li a { display:blocktext-decoration:none} .topright ul li a:link { display:blocktext-decoration:none} .topright ul li a:visited { display:blocktext-decoration:none} .topright ul li a:hover { display:blocktext-decoration:underline} </style><div class="topright"><ul><li><a href="#">个人博客</a></li><li class="menuDiv"></li><li><a href="#">收藏本页</a></li><li class="menuDiv"></li><li><a href="#">设面首页</a></li><li class="menuDiv"></li></ul></div>采纳哦
