css列表标签list与表格标签table详解

一、列表标签list

在CSS中，列表包括无序列表（ul）、有序列表（ol）和定义列表（dl）。它们的样式可以通过list-style属性进行定制。

1. 列表项样式（list-style-type）

无列表默认为实心圆点，有序列表默认为阿拉伯数字。对于无序列表，你还可以选择使用无样式（none）、空心圆点（circle）或实心方块（square）。对于有序列表，你可以选择以0开头的数字、小写或大写罗马数字以及小写或大写英文字母作为列表项的标记。

例如，通过CSS代码 `ul.a {list-style-type: circle;}` 和 `ul.b {list-style-type: square;}`，你可以设置无序列表的样式为空心圆点和实心方块。

2. 列表项标记的图像（list-style-image）

你可以使用图像作为列表项的标记。例如，`ul { list-style-image: url('sqpurple.gif'); }` 将使用指定的图像作为无序列表的标记。

3. 列表项标记的位置（list-style-position）

你可以选择将标记放在文本的左侧并置于文本之外或内部。例如，`outside` 表示标记位于文本的左侧，且放置在文本以外；而 `inside` 表示标记放置在文本以内。这些属性可以组合在一起使用，例如 `list-style: square url("sqpurple.gif");`。

1. 边框（border）