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、如图所示间距设置成功。
border-spacing 属性设置相邻单元格的边框间的距离(仅用于“边框分离”模式)。table
{
border-collapse:separate
border-spacing:10px 50px
}
后面的50px就是设置间距的大小
<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>