Html 使用<；ul>；按顺序排列的列表

我需要将第三方开发的web应用程序与我的网站集成

它显示课程类别和课程列表的列表。开发人员不允许我访问应用程序。我被要求以图像块的形式显示类别，以编号列表的形式显示课程

我已经用firebug检查了列表。我找到了

id

和

class

，它在

无序列表中

我将以下内容用于分类：

ul#类别列表li:n个孩子（1）{
背景图片：url（“images/adm1.jpg”）；
宽度：560px；
高度：300px；
}
ul#类别列表李：第n个孩子（2）{
背景图片：url（“images/adm2.jpg”）；
宽度：560px；
高度：300px；
}
ul#类别列表李：第n个孩子（3）{
背景图片：url（“images/adm2.jpg”）；
宽度：560px；
高度：300px；
}
ul#类别列表李：第n个孩子（4）{
背景图片：url（“images/adm1.jpg”）；
宽度：560px；
高度：300px；
}

---

为了课程。它在

中；无法更改为
（这将解决问题）。使用CSS有什么方法可以实现这一点吗？
是的，只需将
ul
的
列表样式类型设置为
decimal
，它就会像
ol
一样自动工作

通过显示为有序列表，我假设您的意思是数字应该是1、2、3。如果希望它是i、ii、iii，则使用值作为
下罗马
而不是
十进制
，或者如果它是i、ii、iii，则将其设置为
上罗马


ul#课程列表{
列表样式类型：十进制；
}
ul#课程表-2{
列表样式类型：下罗马；
}
ul#课程表-3{
列表样式类型：上罗马；
}

课程1
课程2
课程3
课程4
课程5


课程1
课程2
课程3
课程4
课程5


课程1
课程2
课程3
课程4
课程5