html - table製作複雜表格

注意不要直接給td或者th全局設置寬度和高度(像以上表格)-------------需要單獨給class設置--(一般只給"有需要"td或者tr設置寬高度就可以了,其他的表格會自動適應的)

1.使用兩個Table表格製作,會方便一些

2.使用單個Table一定要先分好,行和列,以上圖爲例子,上半部分可以利用一個tbody來製作,下半部分可以分爲9列,一個td就是一列,然後行看情況而定

(下半部分第一個格子,使用rowspan(合併行(向下合併)),rowspan="n",n等於多少就向下合併多少個td(只會向下合併)(自己嘗試下))

(下半部分第二行第五個格子,使用了col-span(合併列)(向右合併),colspan="n",n等於多少就向右合併多少個td(只會向右合併))

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章