HTML表格边框变细的css样式

2024-10-16 20:36:34

1、首先新建表格,代码如下:<table width="500" border="1"> <tr> <稆糨孝汶;td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr></table>

HTML表格边框变细的css样式

2、在table里加css样式,代码如下:<table width="猱蝰逾鸾500" bor颊俄岿髭der="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse;"> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr></table>

HTML表格边框变细的css样式

3、样式注解:单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离border-collapse:collapse表示表格的两边框合并为一条

猜你喜欢