天天看點

table設定border沒有空隙

我們經常會遇到設定table邊框的時候,對于非專業設計來說,很想淡然的設定td的css

td {border:solid#000 1px;}

但是我們看到的效果總是不如人意,每個cell中間總會有一個像素的空白

如下效果:

table設定border沒有空隙

那麼如何設定才能把這個邊框中的空白像素去掉呢?

設定table的CSS為{border-collapse:collapse;border:none;},再設定td的CSS為{border:solid#000 1px;}可以很友善的去掉這個效果

樣式{border-collapse:collapse;} 用于表格屬性, 表示表格的兩邊框合并為一條,然後設定table的border設定為none,隻剩下每個td的border效果就好。
其實很簡單,怕忘記,做個記錄。