CSS 表格属性

html-css09

CSS 表格属性,第1张

CSS表格属性用于设置HTML表格的样式,HTML表格由 <table></table> 标签嵌套 <tbody>, <tr>, <td>等标签组成,一个HTML表格默认至少包含table,tbody,tr,td四个元素。

CSS表格属性:

显示表格边框有时候特别重要,它能让表格结构更清晰。

默认的表格有双边框,这是因为表和th/ td元素有独立的边界。border-collapse 属性设置表格的边框是否被折叠成一个单一的边框或隔开。

1、表头:点菜单“文件”—“页面设置",点“工作表”标签,在“顶端标题行”中输入表头地址区域—“确定”。

2、表尾:先将表尾区域复制并存为图片。点菜单“文件”—“页面设置",点“页眉/页脚“标签—”自定义页脚“,将鼠标点中”中间区域“,插入图片,输入事先存盘的图片—”确定“。若表尾位置不合适,可以调整”页边距“的”页脚“和”下“的位置。

1、新建一个html文件,命名为test.html,用于讲解css如何定义表格内外边框颜色各不相同。

2、在test.html文件内,使用table标签创建一个表格,用于测试。

3、在test.html文件内,设置table标签的class属性为otwo。

4、在css标签内,通过class定义表格的外边框的颜色,例如,这里使用border属性设置外边框颜色为红色。

5、在css标签内,再通过class定义表格内边框的颜色,即td单元格的颜色,例如,这里设置为蓝色。