HTML CSS DIV网页设计与布局（第3版）（微课版） 课件 第4章 表格.pptx

第4章

表格

;4.1创建表格;【示例4-1】创建一个两行三列的表格。;4.2表格属性;4.2.1表格宽度;【示例4-2】设置两个不同宽度的表格。;18 td第二行的第二列/td

19 td第二行的第三列/td

20 /tr

21 /table

22 p

23 表格宽度占窗口宽度的80%：

24 tableborder=3width=80%

25 tr

26 td首行第一列/td

27 td首行第二列/td

28 td首行第三列/td

29 /tr

30 tr

31 td第二行的第一列/td

32 td第二行的第二列/td

33 td第二行的第三列/td

34 /tr

35 /table

36 /body

37 /html

;4.2.2表格高度;【示例4-3】设置两个不同高度的表格。;30 td200601003/td

31 td王五/td

32 td67/td

33 td88/td

34 td99/td

35 /tr

36 /tablebr/

37 tableborder=1height=300

38 tr

39 th学号/th

40 th姓名/th

41 th语文/th

42 th数学/th

43 th英语/th

44 /tr

45 tr

46 td200601001/td

47 td张三/td

48 td89/td

49 td87/td

50 td77/td

51 /tr

52 tr

53 td200601002/td

54 td李四/td

55 td78/td

56 td98/td

57 td67/td

58 /tr

59 tr

60 td200601003/td

61 td王五/td

62 td67/td

63 td88/td

64 td99/td

65 /tr

66 /table

67 /body

68 /html

;4.2.3表格背景图片;【示例4-4】设置表格背景图片。;4.2.4单元格间距;【示例4-5】设置单元格间距不同的两个表格。;26 td98/td

27 td67/td

28 /tr

29 /tablebr/

30 tableborder=1

31 tr

32 th学号/th

33 th姓名/th

34 th语文/th

35 th数学/th

36 th英语/th

37 /tr

38 tr

39 td200601001/td

40 td张三/td

41 td89/td

42 td66/td

43 td76/td

44 /tr

45 tr

46 td200601002/td

47 td李四/td

48 td78/td

49 td98/td

50 td67/td

51 /tr

52 /table

53 /body

54 /html

;4.2.5表格内单元格与文字的距离;【示例4-6】设置单元格与文字距离不同的两个表格。;4.3表格边框;4.3.1边框宽度;【示例4-7】设置边框宽度不同的两个表格。;31 td王五/td

32 td67/td

33 td88/td

34 td99/td

35 /tr

36 /tablebr/

37 tableborder=10

38 tr

39 th学号/th

40 th姓名/th

41 th语文/th

42 th数学/th

43 th英语/th

44 /tr

45 tr

46 td200601001/td

47 td张三/td

48