制作表格并使用CSS美化.ppt

5、“合并单元格”按钮；要拆分单元格，可将插入点置于要拆分的单元格中，然后单击“属性”面板中的“拆分单元格”按钮，在弹出对话框中选择需要拆分为的单元格类型，并输入要拆分为的行数和列数，然后单击“确定”按钮即可。三、使用CSS设置表格或单元格颜色使用CSS设置单元格内文字的颜色，以及表格或单元格的背景的方法与我们在项目三和项目四中学习的设置文字颜色和网页元素背景相同。例如，可以使用color属性设置单元格内文字颜色；使用background-color属性设置单元格、行或表格背景颜色；使用background-

6、image属性设置表格、行或单元格背景图片。四、使用CSS设置表格或单元格大小和边框同样，使用CSS设置表格或单元格大小和边框等的操作与我们在项目四中学习的设置图片和其他块元素相同。例如，可以使用width属性设置整个表格或单元格宽度；使用height属性设置整个表格或行的高度；使用border属性设置表格或单元格的边框。如代码table{border:1pxsolidred;}，表示设置整个表格的边框粗细为1像素，实线，红色。任务二制作日历单元格——使用CSS控制表格进阶通过前面的学习，大家已大致了解了

7、一个表格应该有什么样的表现形式。下面，我们再通过制作一个表格形式的月历（以2012年9月为例），此月历的基本结构如下图所示，显示效果为：8月及10月的部分日期颜色为灰色，而9月的日期颜色为黑色；当将鼠标指针移动到单元格上时单元格的颜色会发生变化。支撑知识点一、使用CSS设置网页元素的内边距和外边距在前面的学习中，我们已经多次接触到了CSS的margin和padding属性。其中，margin属性用来设置元素的外边距，即元素与其他相邻元素之间的间距；padding属性用来设置元素的内边距（也称填充），即元素

8、内容与元素边框之间的空间。二、使用CSS合并表格边框使用CSS设置单元格边框时，假设为每个单元格都设置边框宽度为1px，那么当两个单元格都相邻的时候，相邻边的边框宽度实际上是1px+1px=2px。为了避免此情况发生，或为了避免单元格之间出现空隙，可使用border-collapse属性将表格相邻的边框合并。border-collapse属性的基本语法为：border-collapse:separate

9、collapse

10、in