第8章用CSS设置表格和表单样式

CSS网页设计标准教程第2部分CSS专题技术第8章用CSS设置表格和表单样式控制表格8.1美化表格8.2制作日历8.3CSS与表单8.4网民调查问卷实例8.5表格是网页上很常见的元素。在传统的网页设计中表格除了显示数据外，还常常被用来作为整个页面布局的手段。在Web标准逐渐深入设计领域以后，表格逐渐不再承担布局的任务，但是表格仍然都在网页设计中发挥着重要的作用。本章介绍表格与表单样式的设置方法。8.1控制表格8.1.1设置表格的边框图8.1基本的表格样式图8.2设置表格的框线1．设置单元格的边框2．相邻边框的合并规则3．边框的分离8.1.2确定表格的宽度8.1.3其他与表格相关的标记ththththtr/trtheadthtdtdtdtr/trtbodythtdtdtdtr/trthtdtdtdtr/tr/thead/tbodyththththtr/trtfoot/tfoottable/table图8.6表格的HTML结构示意8.2美化表格图8.7交替变色的表格样式8.2.1搭建HTML结构8.2.2整体设置8.2.3设置单元格样式8.2.4斑马纹效果8.3制作日历图8.12Google日历图8.13中视图模式显示的日历8.3.1搭建HTML结构8.3.2设置整体样式和表头样式8.3.3设置日历单元格样式8.4CSS与表单8.4.1表单中的元素图8.18普通表单图8.19简单的CSS样式风格8.4.2多彩的下拉菜单图8.21七彩的下拉菜单图8.22最终效果8.5网民调查问卷实例图8.23调查问卷