网页设计制作教程《三》
网页设计制作教程《三》
导航
工具/原料
photoshop
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 浮动过之后不会在一条线上...
【网页设计制作教程《三》】相关文章：
网页制作的基础教程12-08
网页制作设计开题报告12-03
网页设计基础：如果你想学网页制作07-11
网页制作合同三篇02-24
网页制作11-22
关于网页制作合同三篇02-24
【推荐】网页制作合同三篇10-09
网页制作实习日记三篇10-08