關於html中表格邊框的一點分享

小白今天在複習html表格的標籤的時候發現僅用html做的表格邊框線很粗糙，然後無意間發現一個巧妙的竅門可以使html製作的表格邊框線更精緻一點（不採用div等什麼其他方法，只用html語言）（大神可以直接pass了…） 首先來看一下直接用html製作的表格邊框： 這是對應的程式碼demo： < table width=“458” border=“1” cellspacing=“0” cellpadding=“8” align=“center”> < tr> < td> < div align=“center”>< font color="#FF0000">border設定為最小值1，,很粗糙的邊框< /font>< /div> < /td> < /tr> < /table>（這個程式碼中border屬性值已經取最小值1，可感覺邊框還是沒有達到想要的效果

對應的程式碼demo： < table width=“458” border=“0” cellspacing=“1” cellpadding=“8” align=“center” bgcolor="#000000"> < tr bgcolor="#FFFFFF"> < td> < div align=“center”>< font color="#FF0000">border設定為0，卻有較精緻的邊框< /font>< /div> < /td> < /tr> < /table> 下面這個程式碼的巧妙之處在於table中設定border屬性值為0，實際效果還是可以出現表格邊框。 原因是table中定義了表格背景顏色#000000(黑色)，且設定了cellspacing（單元格間距）為1