table详解
1.tr 元素定義表格行,th 元素定義表頭,td 元素定義表格單元。
tr內是th還是td可由自己定義,th,td可存在于任一行,th與td的區別在與th字體更粗
?
2.定義一個table默認有border, cellspacing, cellpadding屬性
border(外邊框粗細)
類型:可為數字 數字字符串 帶像素單位的字符串 eg: border= 5, border= "5", border= "5px",推薦使用border= "5",以免出現兼容性問題
說明:默認1像素, border為0時table邊框,td邊框都消失,大于0時table邊框為border值,td邊框為1像素,小于0時外邊框1像素
cellspacing(規定單元格之間的空白)
推薦類型: eg: cellspacing= "5", cellspacing= "4%"
說明:默認2像素,cellspacing為0時td邊框不會合并,會緊貼,大于0時單元格邊距為設定值,小于0時為默認值
?
cellpadding(規定單元邊沿與其內容之間的空白)
推薦類型: eg: cellpadding= "5", cellpadding= "4%"
說明:默認1像素,cellpadding為0時td內會更緊,大于0時單元格邊距為設定值,小于0時為0
?
3.可加入captain標簽為table添加標題
eg:
<table border="6">
<caption>我的標題</caption>
<tr>
? <td>100</td><td>300</td>
</tr>
<tr>
? <td>400</td><td>600</td>
</tr>
</table>
?
4.可通過rowspan設置跨行,colspan設置跨列
eg: <td rowspan= "2"> </td>
<td colspan= "3"></td>
其他屬性諸如frame,rules等不建議使用
轉載于:https://www.cnblogs.com/yanze/p/6027952.html
與50位技術專家面對面20年技術見證,附贈技術全景圖總結
- 上一篇: 车险电销和面销的区别
- 下一篇: 乡村振兴板块龙头股一览 这几家都必须给大