网页设计制作教程《三》

网页设计制作教程《三》

网页设计制作教程《三》

导航

工具/原料

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 浮动过之后不会在一条线上...

【网页设计制作教程《三》】相关文章：

网页制作教学设计02-25

制作网页教学设计04-20

网页设计与制作报告01-04

网页设计与制作心得12-12

网页制作教学设计07-28

网页设计制作实习报告04-05

【热门】网页设计与制作心得01-15

网页设计与制作心得【荐】01-15

【推荐】网页设计与制作心得12-31

【热】网页设计与制作心得01-15