网页制作综合技术教程,第3部分 CSS样式设计,第12章 用CSS设置 表格和表单样式,表格是网页上很常见的元素。在传统的 网页设计中表格除了显示数据外，还常常被 用来作为整个页面布局的手段。,在Web标准逐渐深入设计领域以后，表 格逐渐不再承担布局的任务，但是表格仍然 在网页设计中发挥着重要的作用。,本章将继续挖掘CSS中表格、表单的强 大功能，此外，本章还将介绍表单样式的设 置方法。,12.1 控 制 表 格,12.1.1 设置表格的边框,图12.1 基本的表格样式,图12.2 设置表格的框线,1设置单元格的边框 2相邻边框的合并规则 3边框的分离,12.1.2 确定表格的宽度 12.1.3 其他与表格相关的标 记,图12.6 表格的HTML结构示意,12.2 美 化 表 格,图12.7 交替变色的表格样式,12.3 案例日历,图12.13 视图模式显示的日历,12.4 CSS与表单,表单是网页与用户交互所不可缺少的元 素，在传统的HTML中对表单元素的样式进 行控制的标记很少，仅仅局限于功能上的实 现。,本节围绕CSS控制表单进行详细介绍， 包括表单中各个元素的控制，与表格配合制 作各种效果等。,12.4.1 表单中的元素,图12.18 普通表单,图12.19 简单的CSS样式风格,12.4.2 多彩的下拉菜单,图12.21 七彩的下拉菜单,图12.22 最终效果,12.5 案例网上调查问卷,图12.25 外层表格,