表格细边框的CSS样式怎么设置？

 我来答

1个回答

#热议# 在购买新能源车时，要注意哪些？

晴晴知识加油站

高能答主

推荐于2019-08-20 · 让梦想飞扬，让生命闪光。

晴晴知识加油站

采纳数：3595 获赞数：661256

向TA提问私信TA

关注

展开全部

指定的<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表示表格的两边框合并为一条即可。