表格细边框的CSS样式怎么设置?
发布网友
发布时间：2022-04-22 22:36
共1个回答
热心网友
时间：2022-04-06 12:08
指定的<table>为细边框，把<table>放在<div>中即可。
一、首先新建表格，代码如下：
<table width="500" border="1"> <tr><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td> </tr><tr> <td> </td> <td> </td><td> </td></tr</table>。
二、在table里加css样式，代码如下：
<table width="500" border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse;"> <tr> <td> </td><td> </td> <td> </td </tr> <tr> <td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td></table>。
三、单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间。单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离，border-collapse:collapse表示表格的两边框合并为一条即可。
