导航
工具/原料
photoshop
dreamweaver
步骤/方法
1
编写一个导航的div
2
编写导航中的`栏目，这里用列表
3
这样，html就编写好了...下面我们对给html设置样式，具体编写位置以及全局简介看网页设计制作教程《一，二》
4
给导航一个宽度，并且让导航居中显示，并且给导航一个#ccc的背景色
5
所有的列表设置一个高度
6
导航的所有列表，在一条线上排列
7
对列表中的每一个栏目进行css样式设定：块状，宽度100，高度40，行高40，左浮动，文字居中显示，文字下划线没有，背景#ddd，左边距6px，字体大小14，颜色#666
8
设置鼠标经过栏目的css样式
9
这样，一个导航就编写好了
注意事项
ul li{ display:inline;}必须要，要不然 ul li a 浮动过之后不会在一条线上...
