《用CSS设置表格和表单样式.ppt》由会员分享，可在线阅读，更多相关《用CSS设置表格和表单样式.ppt（21页珍藏版）》请在三一办公上搜索。
1、网页制作综合技术教程,第3部分 CSS样式设计,第12章用CSS设置表格和表单样式,表格是网页上很常见的元素。在传统的网页设计中表格除了显示数据外，还常常被用来作为整个页面布局的手段。,在Web标准逐渐深入设计领域以后，表格逐渐不再承担布局的任务，但是表格仍然在网页设计中发挥着重要的作用。,本章将继续挖掘CSS中表格、表单的强大功能，此外，本章还将介绍表单样式的设置方法。,12.1 控 制 表 格,12.1.1 设置表格的边框,图12.1 基本的表格样式,图12.2 设置表格的框线,1设置单元格的边框2相邻边框的合并规则3边框的分离,12.1.2 确定表格的宽度12.1.3 其他与表格相关的标
2、记,图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 外层表格,
