css如何讓表格table的邊框為1像素呢

在Html中使用table是網頁制作中必不可缺的一部分，如果直接給css設置table里面的td邊框為1像素的話，那么實際我們從網頁上看到的效果卻不是1像素。

那么我們怎么用css讓table的邊框為1像素呢？

其實很簡單，給table使用css樣式 border-collapse: collapse;

這個樣式的意思就是“為表格設置合並邊框模型”

這個屬性經測試，支持一下瀏覽器：

      

下面我寫一個案例

CSS

/*重點就是要在table上加border-collapse: collapse;這個樣式，這個樣式是合並邊框模型的意思*/
table{border-collapse: collapse;width:100%;}
tr{}
td{border: 1px solid #936943;height:40px;}

HTML

<table>
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>