1、新建一个html页面,创建table并设置表格的边框。效果如图
2、在tabel标签后加上cellpadding="0" cellspacing="0" style="border-collapse:collapse" 代码,发现td标签之间的线显示为一条了。效果如图
3、对应代码:<!DOCTYPE html PUB雉搽妤粲LIC "-//W3C//DTD XHTML 1.0 Transitional//EN&qu泠贾高框ot; "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>td显示为一条线</title><style type="text/css"> tr td{ border:1px solid #000;}</style></head><body><table width="500" cellpadding="0" cellspacing="0" style="border-collapse:collapse" > <tr> <td>1</td> <td> </td> <td> </td> </tr> <tr> <td>2</td> <td> </td> <td> </td> </tr> <tr> <td>3</td> <td> </td> <td> </td> </tr></table></body></html>