CSS列表与表格设计攻略大全.pptVIP

第10章CSS列表与表格10月10日星期日第1页第1页

学习目标掌握CSS列表属性掌握CSS表格属性掌握display属性取值，能应用display制作菜单等第2页/10/10星期日

10.1CSS列表CSS列表属性允许顾客放置、变化列表项目符号，或者将图像作为列表的项目符号。list-style-type属性设置列表项目符号的类型。list-style-type属性取值（部分）如下表：第3页/10/10星期日

10.1CSS列表第4页/10/10星期日

10.1CSS列表实例：list-style-image属性使用图像来替换列表项的标识，实例：用图片“arrow.gif”作为列表的项目符号第5页/10/10星期日

10.1CSS列表list-style-position属性设置在何处放置列表项标识，取值如下表所示：第6页/10/10星期日

10.1CSS列表例10-1演示了属性“inside”与“outside”的区分。（源码参照课本）例10-1在浏览中浏览效果如图：第7页/10/10星期日

10.1CSS列表能够看到，当list-style-position属性为inside时，项目符号位于li的边框线内；假如为当outside，项目符号位于li的边框线外。list-style为简写属性,，能够将以上3个列表样