请问css样式如何设置table表格之间的间隔。像这样:

html-css010

请问css样式如何设置table表格之间的间隔。像这样:,第1张

<table>

<tr><td style="border:1px solid blackwidth:50pxheight:10px"></td></tr>

<tr><td style="border:1px solid blackwidth:50pxheight:10px"></td></tr>

</table>

table 不加外框(不用border)

td或th中使用style,如果要调节宽度,可以修改width中的值。

如果想要调节行与行之间的宽度,可以在行之间加入一个空行<tr><td></td></tr>

想要调多宽就加多少个。

<tr><td style="border:1px solid blackwidth:50pxheight:10px"></td></tr>

<tr><td></td></tr>

<tr><td style="border:1px solid blackwidth:50pxheight:10px"></td></tr>

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

在写<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>

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、如图所示间距设置成功。