一豆赏、表格開始只設(shè)置 邊框挣菲、寬高 的時候,效果如下圖掷邦。
1白胀、table ? ?→ ? display:table;
2抚岗、 ?tr ? ? ? ?→ ?display:table-row或杠;(元素作為表格顯示)
3、th宣蔚、td ?→ ?display:table-cell向抢; (元素作為表格單元格顯示)
? ? ? ? ? ? ? ? ? ? ? vertical-align :inherit; (垂直對齊方式:居中顯示)
? ? ? ? ? ? ? ? ? ? ? ?其中 th ? 設(shè)置的字體會加粗、居中顯示(一般用在第一行或第一列)胚委。
二挟鸠、表格設(shè)置想要樣式
1、將表格之間亩冬、表格與單元格之間的間隙去除
border-spacing:0艘希;
2、表格設(shè)置合并邊框
border-collapse: ? separate(邊框獨立,默認(rèn)值) |? inherit (繼承父級)| collapse(相鄰邊框合并)
3覆享、合并行 rowspan?
? ? ? 注:合并幾行rowspan等于幾(包括自己這一行)鸠姨,并且要把被合并的行去掉
4、合并列 colspan
? ? ?注:合并幾行colspan等于幾(包括自己這一列)淹真,并且要把被合并的列去掉
三讶迁、整體html代碼如下