項目開發(fā)過程中,我們會遇到很多table,那么如何給table添加自己想要的邊框,。
廢話不多說,直接開擼:
1, 簡單布局:
<table>
<tr><td>內容</td><td>內容</td><td>內容</td><td>內容</td><td>內容</td></tr>
<tr><td>內容</td><td>內容</td><td>內容</td><td>內容</td><td>內容</td></tr>
<tr><td>內容</td><td>內容</td><td>內容</td><td>內容</td><td>內容</td></tr>
<tr><td>內容</td><td>內容</td><td>內容</td><td>內容</td><td>內容</td></tr>
</table>
2,兩種辦法:
- 第一種,加入邊框
<table border="1px solid xxx">
<table border="1" cellspacing="0" cellpadding="0"> // cellspacing單元格間距,cellpadding單元格邊距
- 第二種(相比第一種要簡單)
border-color: xxx; border-collapse: collapse;(邊框合并,該屬性設置表格的邊框是否被合并為一個單一的邊框)
注意:不要給table設置邊框。只設置顏色和邊框合并。
//給th,td 加入邊框,
border="1px solid xxx"