1、基本就是这么干的你阔以参考一下lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitletestlttitleltstyle type=quottextcssquotol，ul liststyle #mainmargin20px autowidth800pxheight；1首先打开Deamweaver8，新建一网页文件，接着输入以下导航菜单的内容2此时对应效果如图3接下来准备相关的导航按钮图片可以事先利用PS制作好4然后将以下CSS代码加入到ltheadlthead之间5网页此时的效果；超级实用！网站导航栏设计形式综述导航对一个网站起着重要的导向作用一个优秀的导航设计可以让用户快速找到自己需要的东西，让用户清楚地了解网站的结构框架，起到重要的指导作用以下是一些常见的网页导航形式 1顶部导航 置顶导航广泛应。

2、设计师可以考虑做成侧边栏以滑动方式展现，在节约网站空间的同时也显得更加简约侧边栏导航的设计需要注意的是导航栏目的宽度问题，若导航栏中字体过长，在展示上会存在一定的问题，哪怕做成滑动展示的形式也不能很好的得以解；HTMLlt！DOCTYPE htmllthtmllthead ltmeta charset=#39utf8#39 ltstyle type=quottextcssquot html， body margin 0 padding 0 background #E6E6E6 nav liststyle；设计导航栏的样式导航栏的样式设计需要考虑网站的整体风格和用户的使用习惯导航栏的样式包括导航栏的颜色形状字体大小等同时，需要考虑导航栏的可读性和易用性，导航栏的文字应该清晰易懂，按钮的大小和间距应该合适。

3、你写的floatleft而且你这是竖直排列啊你应该是想要横向排列吧问题出在你第一个选择器，ul，li中间是逗号，代表并列的意思，所以你后面的属性是给了ul和liul和li宽度都是80px，li一排就只能放下一个逗号改成。