表格边框代码应用

表格边框代码应用（三）

五、表格的框线设置：

1、设定表格框线的粗细，只需将属性“border”的数值设置成自己满意即可，如将1改成5：

代码：

</TABLE>

效果：

表格内容

2、表格框线颜色的设定，只需将属性“borderColor”的颜色码设置成自己满意即可：

代码：

</TABLE>

效果：

表格内容

3、设定表格的阴影、亮面颜色，可以使表格的边框更富立体感，只需将属性“borderColorLight”的颜色码（亮面）和“ borderColorDark”的颜色码（暗面）选定即可：

代码：

<TABLE borderColorDark=#004B97

borderColorLight=#62B0FF border=5>

</TABLE>

效果：

表格内容

六、表格栏距设置：

1、利用“cellpadding”属性设定表格内容与格线之间的距离，其默认值为2，以自己满意即可：

代码：

</TABLE>

效果：

表格内容

2、利用“cellspacing”属性设定表格栏位格线之间的距离。其默认值为2，以自己满意即可：

代码：

</TABLE>

效果：

表格内容

附：表格常用属性

1、<TABLE></TABLE>：定义表格的元素。分别作起、始标识符，网页中有几张表格，就有几对此元素。

2、<TR></TR>：定义表格中“行”的元素。在表格中有几对此元素就表示当前表格中有几行。

3、<TD></TD>：表示一行中单元格的元素。一行中有几对此元素，就有几个单元格。

4、border：表格外框线宽度，属性值为数字。如border=5，表示表格边框的粗细为5个像素（默认值为1），为0表示没有边框。

5、borderColor：表格的边框线颜色，属性值为各种颜色代码（当border值不为0时设置此值有效）。如 borderColor=#0080FF，表示表格边框线的颜色为蓝色（默认值为白色）。

6、bordercolorlight：亮边框（表格的左边和上边框）颜色，属性值为各种颜色代码（当border值不为0时设置此值有效）。

7、bordercolordark：暗边框（表格的右边和下边框）颜色，属性值为各种颜色代码（当border值不为0时设置此值有效）。

8、bgcolor：表格的背景颜色，属性值为各种颜色代码。
如 bgcolor=#FF0000，表示表格背景色为红色（默认值为无色）。

9、background：表格的背景图案，属性值为有效的图片地址。

10、cellpadding：表示单元格内容与单元格边框之间的距离，属性值为数字。

11、cellspacing：表示表格中各单元格的间距，属性值为数字。当表格只有一个单元格时，则表示该单元格与表格边框的距离。

12、width：表格的宽度，属性值为像素和百分比两种。

13、height：表格的高度，取值方法同width。

14、align：表格的对齐方式，属性值为left（左对齐，默认）、center（居中）以及right（右对齐）。

15、colspan：定义合并表格的列数，属性值是数字。

16、rowspan：定义合并表格的行数，属性值是数字。

17、<DIV align=center></DIV> ：表格边框在网页内置中。

18、<caption></caption> ：建立表格的标题，通过align属性定义标题的位置，其属性有四：即 top（在表格上方）、bottom（在表格下方）、left（在表格的左上方）、right（在表格的右上方）。

分类装饰模块＞＞＞

2010博客技巧最新版＞＞＞博客素材2010年全新版＞＞＞

博客边框2010年全新版＞＞＞首页图片装饰模块导航＞＞＞

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。