用lt;TABLEgt;语句来实现圆角表格可以省去制作圆角(2)

日期：2020-06-09 栏目：程序人生浏览：次

具体说明：

width="50%"，表格宽度，接受绝对值（如 300）及相对值（如 80%）。 rules="ALL"，表格内网格，可选值为： all，none，cols，rows，groups。 border="1"，表格边框宽度，如果去掉这个属性，就生成无边框表格。 cellspacing="2"，表格内格线宽度，数值越大，格线越粗。 cellpadding="2"，文字与格线间距，数值越大，间距越大。 align="CENTER"，表格的摆放位置（水平），可选值为： left, right, center。 valign="TOP"，表格内图文的摆放位置（垂直），可选值为： top, middle, bottom。 background="background.gif"，表格内背景图案，不要与 bgcolor 同用。 bgcolor="#0000FF"，表格背景色，不要与 background 同用。 bordercolor="#FF00FF"，表格边框颜色。

hspace="10"，表格边框与环绕文字间水平距离，数值越大，间距越大。

vspace="10"，表格边框与环绕文字间垂直距离，数值越大，间距越大。

其他表格属性，因为有些不是很常用，或者有些对浏览器类型有要求，并未列出。

2、<TR>语句常用属性

示范语句：

具体说明：

align="RIGHT"，表格行内文字的摆放位置（水平），可选值为： left, right, center。

valign="MIDDLE"，表格行内图文的摆放位置（垂直），可选值为： top, middle, bottom。 background="background.gif"，表格行内背景图案，不要与 bgcolor 同用。 bgcolor="#0000FF"，表格行内背景色，不要与 background 同用。 bordercolor="#FF00FF"，表格行内边框颜色。

3、<TD>语句常用属性

示范语句：

具体说明：

width="50%"，单元格宽度，接受绝对值（如 300）及相对值（如 50%）。 height="300"，单元格高度，接受绝对值（如 300）及相对值（如 50%）。 colspan="2"，单元格向右合并栏数，只需写在合并起始单元格中。 rowspan="3"，单元格向下合并栏数，只需写在合并起始单元格中。 align="LEFT"，单元格内文字的摆放位置（水平），可选值为： left, right, center。 valign="BOTTOM"，单元格内图文的摆放位置（垂直），可选值为： top, middle, bottom。 background="background.gif"，单元格内背景图案，不要与 bgcolor 同用。 bgcolor="#0000FF"，单元格内背景色，不要与 background 同用。 bordercolor="#FF00FF"，单元格内边框颜色。其他单元格属性，因为有些不是很常用，或者有些对浏览器类型有要求，并未列出。

（三）表格简单的例子

1、去掉<Table>中的 Border 参数即可得到无边框表格。

语句：

效果：

收支表公司收入支出
A ￥100000 ￥60000

2、通过 Border、BorderColor，改变表格边框的大小与颜色。

语句：

效果：

公司收入支出
A ￥100000 ￥60000

3、通过 Cellspacing 还可以调节单元格间距离。

语句：

转载注明出处：https://www.heiqu.com/wzdgdz.html

用lt;TABLEgt;语句来实现圆角表格可以省去制作圆角(2)

相关推荐