列表

CSS 列表属性允许你放置、改变列表项标志，或者将图像作为列表项标志。

css列表属性：

属性	描述
list-style	简写属性。用于把所有用于列表的属性设置于一个声明中。
list-style-image	将图象设置为列表项标志。
list-style-position	设置列表中列表项标志的位置。
list-style-type	设置列表项标志的类型。

代码举例：

• 修改用于列表项的标志类型：

ul {list-style-type : square}

• 有时，常规的标志是不够的。你可能想对各标志使用一个图像：

ul li {list-style-image : url(xxx.gif)}

• 规定列表中列表项目标记的位置：

ul {list-style-position:inside;}

• 为简单起见，可以将以上 3 个列表样式属性合并为一个方便的属性:

li {list-style : url(example.gif) square inside}

表格

CSS 表格属性可以帮助您极大地改善表格的外观。

CSS Table 属性:

属性	描述	例子
border	设置表格边框。	代码1*
border-collapse	设置是否把表格边框合并为单一的边框。	代码2*
border-spacing	设置分隔单元格边框的距离。	代码3*
caption-side	设置表格标题的位置。	代码4*
empty-cells	设置是否显示表格中的空单元格。	代码5*
table-layout	设置显示单元、行和列的算法。	代码6*

代码1：

table, th, td
{
border: 1px solid blue;
}

代码2：

table
{
border-collapse:collapse;
}
table,th, td
{
border: 1px solid black;
}

代码3：

table
{
border-collapse:separate;
border-spacing:10px 50px;//水平间隔 竖直间隔
}

代码4：

caption
{
caption-side:bottom;//or top
}

代码5：

table
{
border-collapse:separate;
empty-cells:hide;//or show
}

代码6：

table
{
table-layout:fixed;//or automatic or inherit
}