設定HTML表格細邊框

標籤：顏色   pac   沒有   簡介   class   cin   ons   nbsp   修改表   

簡介:WEB前端|這是關於怎麼設定HTML表格細邊框的問題，把表格邊框設定為細小的線條邊框一般我們用表格的時候總會給它個border屬性，比如：<tableborder="1">，其效果如下：IDNAMEG... 

這是關於怎麼設定HTML表格細邊框的問題，把表格邊框設定為細小的線條邊框

一般我們用表格的時候總會給它個border屬性，比如：<table border="1">，其效果如下：

ID	NAME	GENDER
1001	mike	male

可以發現表格的邊框好像很寬，當然這裡的“很寬”絕對不是表格border的寬，大家看到的寬應該是<td>之間有間隙所致。因此只需 要修改表格的cellspacing屬性即可，即：<table border="1px" cellspacing="0px">，效果如下：

 

ID	NAME	GENDER
1001	mike	male

但是，好像寬度還是沒有我們想象的那樣：只有一個像素的寬，其實，大家看到的其實是兩個像素的寬，為什麼呢，這是因為<td>之間的邊框沒有重合所致。修改表格的border-collapse屬性即可，

即<table border="1px" cellspacing="0px" style="border-collapse:collapse">

ID	NAME	GENDER
1001	mike	male

再給表格加個顏色，<table border="1px" bordercolor="#000000" cellspacing="0px" style="border-collapse:collapse">

ID	NAME	GENDER
1001	mike	male

設定HTML表格細邊框