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