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

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

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