一般我們用表格的時(shí)候總會給它個(gè)border屬性,比如:<table border="1">,其效果如下:
| ID | NAME | GENDER |
| 1001 | mike | male |
可以發(fā)現(xiàn)表格的邊框好像很寬,當(dāng)然這里的“很寬”絕對不是表格border的寬,大家看到的寬應(yīng)該是<td>之間有間隙所致。因此只需要修改表格的cellspacing屬性即可,即:<table border="1px" cellspacing="0px">,效果如下:
| ID | NAME | GENDER |
| 1001 | mike | male |
但是,好像寬度還是沒有我們想象的那樣:只有一個(gè)像素的寬,其實(shí),上圖大家看到的其實(shí)是兩個(gè)像素的寬,為什么呢,這是因?yàn)?lt;td>之間的邊框沒有重合所致。修改表格的border-collapse屬性即可,
即<table border="1px" cellspacing="0px" style="border-collapse:collapse">
| ID | NAME | GENDER |
| 1001 | mike | male |
再給表格加個(gè)顏色,<table border="1px" bordercolor="#000000" cellspacing="0px" style="border-collapse:collapse">
| ID | NAME | GENDER |
| 1001 | mike | male |
新聞熱點(diǎn)
疑難解答