Css中控制table单元格的间距

html-css030

Css中控制table单元格的间距,第1张

1、设置表格的边框。在CSS中，可以通过border来设置表格或单元格的边框及其边框颜色，例如，下面设置表格为1px的蓝色边框。

2、在table表格里，默认是显示两个边框线的，如果要设置成一条边框，在CSS中需要使用border-collapse设置为collapse，合并为一条边框。

3、CSS设置表格的宽度和高度，使用width宽度和height高度来设置。

4、CSS设置表格的文本水平对齐方式。主要通过text-align来设置，有三个值：居左对齐left，居右对齐right，居中对齐center。

5、CSS设置表格的内边距。主要通过padding来设置，padding值越大，内边距越大，如图设置间距为15像素。

6、如图所示间距设置成功。

把下面的复制过去 再试试吧~

在写<td></td>时不要空行 和空格 不然会有麻烦的 呵呵

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>New Document </TITLE>

<META NAME="Generator" CONTENT="EditPlus">

<META NAME="Author" CONTENT="">

<META NAME="Keywords" CONTENT="">

<META NAME="Description" CONTENT="">

</HEAD>

<BODY>

<TABLE cellSpacing=0 cellPadding=0 width=180 align=center border=0>

<TR>

<TD><a href="http:…….gif"><IMG height=104src="http:……02.gif" width=90 border=0></a></TD>

<TD><a href=""><IMG height=104src="" width=90 border=0></a></TD>

</TR>

<TR>

<TD><a href=""><IMG height=104src="" width=90 border=0></a></TD>

<TD><a href="x"><IMG height=104src="" width=90 border=0></a></TD>

<TR>

</TABLE>

</BODY>

</HTML>

只要在table里加上这些就可以了

<table cellspacing="0" cellpadding="0" border="1">

<tr>

<td></td>

..............

</tr>

</table>