网页样式制作（拓展） 第3章 边框样式 学习指导.docxVIP

任务三 改变border样式制作表格与表单页面学习指导 任务三页面 | 素材下载 | 电子教程31、知识目标与要求（1）掌握border样式的属性； （2）掌握表格相关样式的属性;（3）掌握表单相关样式的属性 2、技能目标与要求 （1）掌握网页表格样式的制作技巧； （1）掌握网页表单样式的制作技巧； 3、方法能力目标与要求 （1）掌握表格样式的运用； （1）掌握表单样式的运用 4、职业素养目标与要求 （1）培养严谨、细致、负责任的工作态度； （2）培养主动参与、团队协作的集体意识；（3）培养科学文明、积极向上的传媒道德 任务描述 此任务运用CSS制作表格样式与表单的样式。CSS一般与DIV搭配进行页面布局，本例通过对表格网页的设计和制作，使读者掌握边框样式的各种属性，掌握表格与表单的制作技巧，并能熟练应用。制作页面如下图3-1所示（此效果是屏幕分辨率为1024*768的效果，如果分辨率大于1024宽度，将会出现右边空白。需要用固定宽度并居中的版式。）： 制作思路： 表格的框线分为外框和内框，外框的样式通过table的border属性定义，内框的样式通过td的border属性定义。 本任务的Banner用图片作背景，DIV需要设定宽度和高度； 设置表格线为单线，让表格的内部间隔线重叠在一起，就能达到效果，具体CSS如下： {border-collapse:collapse;} 表格最后一列合并成一个单元格，在该单元格内插入表格，用于输入表单。设置内外2个容器不同的背景，形成边框线，这是自制边框的常见手段。 表单样式主要通过边框和背景进行样式制作，部分元素采用透明背景 { background-color:transparent;} ? 页面基本布局： ??????? div id=”banner”/div ??????? table/table