HTML表格样式
阅读原文时间:2023年07月08日阅读:2

一、表格的表头

1 2 3 4 5

表头:

6 7 8 9 10 11 12 13 14 15 16 17
姓名电话电话
Bill Gates555 77 854555 77 855
18 19

垂直的表头:

20 21 22 23 24 25 26 27 28 29 30 31 32 33
姓名Bill Gates
电话555 77 854
电话555 77 855
34 35 36


二、跨行跨列的表格

1 2 3 4 5

横跨两列的单元格:

6 7 8 9 10 11 12 13 14 15 16
姓名电话
Bill Gates555 77 854555 77 855
17 18

横跨两行的单元格:

19 20 21 22 23 24 25 26 27 28 29 30 31
姓名Bill Gates
电话555 77 854
555 77 855
32 33 34


三、frame控制围绕表格边框

1 2 3 4

注释:frame 属性无法在 Internet Explorer 中正确地显示。

5 6

Table with frame="box":

7 8 9 10 11 12 13 14 15 16
MonthSavings
January$100
17 18

Table with frame="above":

19 20 21 22 23 24 25 26 27 28
MonthSavings
January$100
29 30

Table with frame="below":

31 32 33 34 35 36 37 38 39 40
MonthSavings
January$100
41 42

Table with frame="hsides":

43 44 45 46 47 48 49 50 51 52
MonthSavings
January$100
53 54

Table with frame="vsides":

55 56 57 58 59 60 61 62 63 64
MonthSavings
January$100
65 66 67