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