48、网页表格、列表与表单的创建与优化

网页表格、列表与表单的创建与优化

1. 自定义列表标记

在网页设计中，有时我们需要自定义列表标记以满足特定的设计需求。CSS 提供了 list-style-image 属性，允许我们将图像设置为列表的标记。以下是一个示例代码：

li {
    list-style-image: url(images/backpack.gif); 
    padding-top: 5px;
    margin-left: 20px;
}

在这个代码中，我们将 list-style-image 属性设置为 url(images/backpack.gif) ，这意味着列表的标记将使用 backpack.gif 图像。同时，我们还添加了一些 padding 和 margin 来调整列表项的间距。

1.1 有序列表样式修改

对于有序列表，我们也可以使用 CSS 来修改其样式。通过 list-style-type 属性，我们可以控制有序列表的标记类型，常见的值包括 decimal （十进制数字）、 upper-alpha （大写字母）、 lower-alpha （小写字母）、 upper-roman （大写罗马数字）和 lower-roman </