溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這期內容當中小編將會給大家帶來有關一個屬性border-collapse如何解決Table的邊框問題，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
頁面制作中最頭痛的，表格的邊框算是其一了，很討厭做帶邊線的表格，今天終于解決了這個問題
border-collapse屬性 很好的解決了糾結了很久的問題
CSS
代碼如下:
.table{border: 1px solid #ccc;border-collapse: collapse; width:80%;}.table th,.table td{border: 1px solid #ccc;padding: 10px;}
Html
代碼如下:
<table class="table">
<thead>
<tr>
<th>id</th>
<th>作者</th>
<th>書名</th>
<th>內容</th>
<th>分類</th>
</tr>
</thead>
<tbody>
<tr>
<td>001</td>
<td>唐家三少</td>
<td>斗破蒼穹</td>
<td>斗破蒼穹斗破蒼穹</td>
<td>玄幻</td>
</tr>
<tr class="success">
<td>001</td>
<td>唐家三少</td>
<td>斗破蒼穹</td>
<td>斗破蒼穹斗破蒼穹</td>
<td>玄幻</td>
</tr>
</tbody>
</table>
上述就是小編為大家分享的一個屬性border-collapse如何解決Table的邊框問題了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
