网页设计制作教程《三》
来源:学问馆 本文已影响2.26W人
来源:学问馆 本文已影响2.26W人
导航
工具/原料
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 浮动过之后不会在一条线上...
网页设计制作合同范本
网页制作教学设计【多篇】
网页课程设计报告书
《制作一张课程表》优秀教学设计
高级网页设计师(网页美工)培训,主要学的是什么?
程序设计的意思解释
网页设计程序员自荐信
苏州网页设计大概过程
网页设计网页制作的流程分析
四年级《制作课程表》教学设计
网页设计课程设计心得
抢购小米过程中的网络及网页设计原理疑问?
多媒体教学网页的制作过程与技术
《学习园地网页制作》说课材料
大学生网页设计与制作实习报告
中学生电脑作品网页设计与制作论文
网页制作教学计划范文
网页设计课程心得体会
网站设计及主页制作合同范本
网页设计工程师岗位职责
网页设计师美工(设计能力)+编程技术
公司网页设计师工作总结(三)
网页设计课程设计报告
[网页设计]媒体职位交流3群 广告设计/展览展示设计/三维
网页设计师、网页美工、网页美工有什么区别
Flash网页广告制作教程