本文介绍了如何使用HTML和CSS来设置列表的显示样式。通过`<style>`标签，为两个`<ul>`列表分别设置了不同的样式：一个使用了数字列表样式`decimal`，另一个使用了自定义图像作为列表项标记，增强了列表的视觉效果。
设置前：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>列表样式</title>
</head>
<body>
<ul id="ul1">
<li>香蕉</li>
<li>苹果</li>
<li>橘子</li>
</ul>
<ul id="ul2">
<li>香蕉</li>
<li>苹果</li>
<li>橘子</li>
</ul>
</body>
</html>
进行设置：
<style>
#ul1 {
list-style-type: decimal;
}
#ul2 {
list-style-image: url("../java_stream/computer.png");
}
</style>
扫一扫
2401
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
