HTML CSS DIV网页设计与布局（第3版）（微课版） 课件 第10章 设置表格、列表和滚动条样式.pptx

第10章设置表格、列表和滚动条样式;10.1表格;10.1.1合并表格边框;【示例10-1】合并表格边框。;20 tr

21 tdIevendonotknowwhatisinsidethebox./td

22 tdIevendonotknowwhatisinsidethebox./td

23 /tr

24 /table

25 br/

26 tableborder=1cellspacing=10class=b

27 tr

28 tdIevendonotknowwhatisinsidethebox./td

29 tdIevendonotknowwhatisinsidethebox./td

30 /tr

31 tr

32 tdIevendonotknowwhatisinsidethebox./td

33 tdIevendonotknowwhatisinsidethebox./td

34 /tr

35 /table

36 /body

37 /html

;10.1.2设置表格边框间距;【示例10-2】定义了表格边框的间距。;10.1.3设置表格标题位置;【示例10-3】设置表格标题的位置。;10.1.4设置表格布局;【示例10-4】设置表格的布局方式。;10.2列表;10.2.1设置列表符号样式;【示例10-5】为列表符号设置不同的样式。;21 .square{list-style-type:square}

22 /style

23 /head

24 body

25 h3列表样式/h3

26 divclass=right

27 以下是使用了样式的无序列表。

28 ul

29 liclass=discdisc：默认值，显示实心圆符号。/li

30 liclass=circlecircle：显示空心圆符号。/li

31 liclass=squaresquare：显示实心方块符号。/li

32 liclass=decimaldecimal：显示阿拉伯数字。/li

33 liclass=lower-romanlower-roman：显示小写罗马数字。/li

34 liclass=upper-romanupper-roman：显示大写罗马数字。/li

35 liclass=lower-alphalower-alpha：显示小写英文字母。/li

36 liclass=upper-alphaupper-alpha：显示大写英文字母。/li

37 liclass=nonenone：不使用项目符号。/li

38 /ul

39 以下???在无序列表中使用lower-roman属性。

71 /html

;40 ulclass=lower-roman

41 lilist-style：该属性是复合属性。/li

42 lilist-style-image：该属性用于指定图片。/li

43 lilist-style-position：该属性用于指定符号显示方式。/li

44 lilist-style-type：该属性用于指定列表的标记样式。/li

45 limarker-offset：该属性用于指定列表的间距。/li

46 /ul

47 /div

48 divclass=left

49 以下是使用了样式的有序列表。

50 ol

51 liclass=discdisc：默认值，显示实心圆符号。/li

52 liclass=circlecircle：显示空心圆符号。/li

53 liclass=squaresquare：显示实心方块符号。/li

54 liclass=decimaldecimal：显示阿拉伯数字。/li

55 liclass=lower-romanlower-roman：显示小写罗马数字。/li

56 liclass=upper-romanupper-roman：显示大写罗马数字。/li

57 liclass=lower-al