1. 程式人生 > >html中table邊框細線

html中table邊框細線

很多時候,我們做表格的時候,需要使表格邊框細線化,這樣看起來第一比較好看,第二也比較正式嘛大笑

以前我做專案的時候,曾經需要過這樣的表格樣式,兩種方法,不知道為什麼,有一種打印出來的話是看不到邊框的。

第一種方法如下:

<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>