HTML5+CSS3+JavaS教学幻灯片9技术方案.ppt

第9章 用CSS3美化表格和表单样式 本章内容 9.1 表格基本样式 9.2 CSS3与表单 9.3 综合实例1—隔行变色 9.4 综合实例2—表格图文网页布局 9.5 综合实例3—变色表格 9.6 综合实例4—登录表单 9.7 综合实例5—注册表单 9.1 表格基本样式 9.1.1 表格边框样式 9.1.2 表格边框宽度 9.1.3 表格边框颜色 9.1.1 表格边框样式 可以使用CSS3的border属性及衍生属性，和border-collapse属性对边框进行修饰，其中border属性表示对边框进行样式、颜色和宽带设置，从而达到提高样式效果的目的，这个属性前面已经介绍过了，其使用方法和前面一模一样，只不过修饰的对象变换了。 border-collapse属性主要用来设置表格的边框是否被合并为一个单一的边框，还是像在标准的HTML中那样分开显示。其语法格式为：border-collapse : separate | collapse。 实例：9.1.html 9.1.2 表格边框宽度 虽然使用HTML标记的描述border也能提高表格的宽度，但我们还是推荐使用CSS属性设置边框宽度。使用border-width边框宽度进行设置，从而提高显示样式。如果需要单独设置某一个边框宽度，可以使用border-width的衍生属性设置，例如border-to