html5--6-35 列表和表格
html5--6-35 列表和表格
实例
学习要点
- 掌握列表和表格的样式设置
表格有关的属性:
- border-collapse 设置是否把表格边框合并为单一的边框.属性值:separate 默认值/collapse边框合并
- border-spacing 设置分隔单元格边框的距离。
- caption-side 设置表格标题的位置。属性值:top 默认值,在表格之上。bottom 在表格之下。
- empty-cells 设置是否显示表格中的空单元格。属性值:hide/show默认
- table-layout 设置显示宽度是否随内容拉伸。属性值:auto默认/fixed 列宽由表格宽度和列宽度设定。
列表的属性:
- list-style 简写属性。用于把所有用于列表的属性设置于一个声明中。
- list-style-type 设置列表项标志的类型。
- none无标记。/disc默认,实心圆。/circle 标记是空心圆。/square实心方块。/
- decimal 数字。/decimal-leading-zero 0开头的数字/lower-roman 小写罗马数字upper-roman 大写罗马数字/lower-alpha 小写英文字母/upper-alpha大写英文字母
- ......日文、拉丁文等其他符合,有兴趣自己查CSS手册。
- list-style-position 设置列表项标志的位置。属性值:inside/outside默认值
- list-style-image 将图象设置为列表项标志。属性值:URL 图像的路径。/none 默认。无图形被显示。