html中table邊框細線
阿新 • • 發佈:2019-02-15
很多時候,我們做表格的時候,需要使表格邊框細線化,這樣看起來第一比較好看,第二也比較正式嘛
以前我做專案的時候,曾經需要過這樣的表格樣式,兩種方法,不知道為什麼,有一種打印出來的話是看不到邊框的。
第一種方法如下:
上面的程式碼就是在印表機打印出來後看不到邊框。<table width="600" border="0" cellpadding="0" cellspacing="1" bgcolor="#000000"> <tr> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> </tr> <tr> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> </tr> <tr> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> </tr> </table>
第二種方法,可以在打印出來後邊框現實正常:
<table border="1" cellspacing="0" bordercolor="#000000" width = "80%" style="border-collapse:collapse;"> <tr> <td>1.1</td> <td>1.2</td> </tr> <tr> <td>2.1</td> <td>2.2</td> </tr> </table>